<!--封闭差动（行星架输入）宏观参数设计及优化-->
<template>
  <div style="height: 100%;width: 100%;overflow-x:auto;overflow-y:auto">
    <a-row style="height: 100%">
      <a-col style="height: 100%;" span="24">
        <div class="btn_1" style="height: 5%;width: 100%">
          <button @click="exchange1">基本参数</button>
          <button @click="exchange2">设计模块</button>
        </div>
        <div v-show="btn1==1" class="basic" style="height: 95%;width: 100%;position: absolute;">
          <div class="parameter">
            <a-row style="width: 100%; height: 100%">
              <a-col span="6" style="height: 100%">
                <div style="height: 75%;width: 100%;box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);">
                  <div style="width: 100%; height: 3%; background: #D7D7D7">载荷及相关数据输入</div>
                  <div style="width: 100%; height: 97%">
                    <div style="width: 100%;height: 30%;position: relative">
                      <div style="position: absolute;width: 50%;height: 100%">
                        <ul class="left_top_text" style="height: 100%;width: 100%;">
                          <li></li>
                          <li>  行星架输入转速(rpm)</li>
                          <li >行星架静强度输入扭矩(Nmm)</li>
                          <li >运行工况</li>
                          <li >允许点蚀</li>
                          <li >转折点循环次数设计</li>
                          <li >无限点循环次数设计</li>
                          <li >设计载荷输入形式</li>
                        </ul>
                      </div>
                      <div style="position: absolute;width: 50%;height: 100%;right: 0">
                        <ul class="left_top_input" style="height: 100%;width: 100%;">
                          <li></li>
                          <li><input v-model="params_74.n_input"/></li>
                          <li><input v-model="params_74.torque_static_input"/></li>
                          <li>
                            <select v-model="params_74.whether_single_rotation">
                              <option value="1">单向运转</option>
                              <option value="2">双向运转</option>
                            </select>
                          </li>
                          <li>
                            <select v-model="params_74.switch_pitting">
                              <option value="1">是</option>
                              <option value="2">否</option>
                            </select>
                          </li>
                          <li>
                            <select v-model="params_74.consider_Nc">
                              <option value="1">是</option>
                              <option value="2">否</option>
                            </select>
                          </li>
                          <li>
                            <select v-model="params_74.consider_Long">
                              <option value="1">是</option>
                              <option value="2">否</option>
                            </select>
                          </li>
                          <li>
                            <select v-model="params_74.whether_rate_load">
                              <option value="1">额定工况</option>
                              <option value="2">载荷谱</option>
                            </select>
                          </li>
                        </ul>
                      </div>
                    </div>
                    <div style="width: 100%;height: 36%;position: relative">
                      <div style="width: 100%;height: 100%;position: absolute">
                        <div style="width: 100%;height: 100%;position: relative">
                          <div style="position: absolute;width: 50%;height: 100%;left:0">
                            <ul class="left_middle_text">
                              <li>行星架输入形式(Nmm)</li>
                              <li >
                                <div v-show="params_74.whether_torque==1">行星架输入扭矩(Nmm)</div>
                                <div v-show="params_74.whether_torque==2" >行星架输入功率(Nmm)</div>
                              </li>
                              <li >设计寿命(hr)</li>
                            </ul>
                          </div>
                          <div style="position: absolute;width: 50%;height: 100%;right: 0">
                            <ul class="left_middle_input">
                              <li>
                                <select v-model="params_74.whether_torque">
                                  <option value="1">输入扭矩</option>
                                  <option value="2">输入功率</option>
                                </select>
                              </li>
                              <li>
                                <input v-show="params_74.whether_torque==1" v-model="params_74.spectrum_torque_input"/>
                                <input v-show="params_74.whether_torque==2" v-model="params_74.power_rate_input"/>
                              </li>
                              <li><input v-model="params_74.spectrum_time_input"/></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div v-show="params_74.whether_rate_load==2&&AisSelectActive==true" style="width: 100%;height: 100%;position: absolute;background: white">
                        <div style="width: 100%; height: 15%">
                          <a-upload :showUploadList="false" :maxCount="1" :customRequest="customRequest" name="file">
                            <button style="height: 100%;width: 100%;margin-left: 50%">行星架输入载荷谱</button>
                          </a-upload>
                          <p>注：载荷谱文件格式为.xls或.xlsx格式，其各列参数为下表所示(无需表头)</p>
                        </div>
                        <div style="width: 100%; height: 70%; margin-top: 2%;overflow-y: scroll">
                          <div style="height: 100%;width: 100%;overflow: hidden">
                            <table class="table" style="border: 1px solid grey">
                              <thead style="width: 100%; height: 20%;background: #D7D7D7">
                              <tr class="table_title">
                                <th>序号</th>
                                <th>扭矩(Nmm)</th>
                                <th>循环次数</th>
                              </tr>
                              </thead>
                              <tbody>
                              <tr class="tbody" v-for="(item,index) in spectrum_input" :key="index">
                                <td>{{item[0]}}</td>
                                <td>{{item[1]}}</td>
                                <td>{{item[2]}}</td>
                              </tr>
                              </tbody>
                            </table>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div style="width: 100%;height: 34%;position: relative">
                      <div style="position: absolute;width: 50%;height: 100%">
                        <ul class="left_top_text" >
                          <li>接触疲劳强度安全系数</li>
                          <li >接触静强度安全系数</li>
                          <li >弯曲疲劳强度安全系数</li>
                          <li >弯曲静强度安全系数</li>
                          <li >接触长寿命系数</li>
                          <li >弯曲长寿命系数</li>
                          <li >润滑油40C粘度(mm^2/s)</li>
                          <li >润滑油类型</li>
                        </ul>
                      </div>
                      <div style="position: absolute;width: 50%;height: 100%;right: 0">
                        <ul style="height: 100%;width: 100%;" class="left_top_input">
                          <li><input v-model="params_74.S_H_fatigue"/></li>
                          <li><input v-model="params_74.S_H_static"/></li>
                          <li><input v-model="params_74.S_F_fatigue"/></li>
                          <li><input v-model="params_74.S_F_static"/></li>
                          <li><input v-model="params_74.Znt_Longlife"/></li>
                          <li><input v-model="params_74.Ynt_Longlife"/></li>
                          <li><input v-model="params_74.v_40"/></li>
                          <li>
                            <select v-model="params_74.oil_type">
                              <option value="1">矿物油</option>
                              <option value="2">合成油</option>
                            </select>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
                <div style="width: 80%; height: 33%;margin-top: 2%">
                  <img :src="img.four" style="height: 96%;width: 100%" />

                </div>
              </a-col>
              <a-col span="18" style="height: 100%">
                <div class="middle">
                  <div class="middle_left">
                    <div style="width: 100%;height: 2.4%;background: #D7D7D7">差动级行星轮系基本参数</div>
                    <div style="width: 100%;height: 97.6%">
                      <div class="middle_top">
                        <div style="width: 100%;height: 7%">齿轮材料基本参数</div>
                        <div style="width: 100%;height: 93%;position: relative">
                          <div class="middle_top_left">
                            <ul class="middle_top_left_text">
                              <li></li>
                              <li>材料类型</li>
                              <li >屈服应力(MPa)</li>
                              <li >接触疲劳极限应力(MPa)</li>
                              <li >弯曲疲劳极限应力(MPa)</li>
                              <li >齿面硬度(HB)</li>
                              <li >弹性模量(MPa)</li>
                              <li >泊松比</li>
                            </ul>
                          </div>
                          <div class="middle_top_right1">
                            <ul class="middle_top_left_input">
                              <li>太阳轮</li>
                              <li>
                                <select v-model="params_74.material_type_s_1">
                                  <option value="1">渗碳淬火</option>
                                  <option value="2">调质</option>
                                  <option value="3">渗氮钢</option>
                                  <option value="4">结构钢</option>
                                  <option value="5">感应淬火和火焰淬火钢</option>
                                  <option value="6">氮碳共渗钢</option>
                                </select>
                              </li>
                              <li><input v-model="params_74.sigma_s_s_1"/></li>
                              <li><input v-model="params_74.sigma_Hlim_s_1"/></li>
                              <li><input v-model="params_74.sigma_Flim_s_1"/></li>
                              <li><input v-model="params_74.hardness_HB_s_1"/></li>
                              <li><input v-model="params_74.E_s_1"/></li>
                              <li><input v-model="params_74.possion_s_1"/></li>
                            </ul>
                          </div>
                          <div class="middle_top_right2">
                            <ul class="middle_top_left_input">
                              <li>行星轮</li>
                              <li>
                                <select v-model="params_74.material_type_p_1">
                                  <option value="1">渗碳淬火</option>
                                  <option value="2">调质</option>
                                  <option value="3">渗氮钢</option>
                                  <option value="4">结构钢</option>
                                  <option value="5">感应淬火和火焰淬火钢</option>
                                  <option value="6">氮碳共渗钢</option>
                                </select>
                              </li>
                              <li><input v-model="params_74.sigma_s_p_1"/></li>
                              <li><input v-model="params_74.sigma_Hlim_p_1"/></li>
                              <li><input v-model="params_74.sigma_Flim_p_1"/></li>
                              <li><input v-model="params_74.hardness_HB_p_1"/></li>
                              <li><input v-model="params_74.E_p_1"/></li>
                              <li><input v-model="params_74.possion_p_1"/></li>
                            </ul>
                          </div>
                          <div class="middle_top_right3">
                            <ul class="middle_top_left_input">
                              <li>齿圈</li>
                              <li>
                                <select v-model="params_74.material_type_r_1">
                                  <option value="1">渗碳淬火</option>
                                  <option value="2">调质</option>
                                  <option value="3">渗氮钢</option>
                                  <option value="4">结构钢</option>
                                  <option value="5">感应淬火和火焰淬火钢</option>
                                  <option value="6">氮碳共渗钢</option>
                                </select>
                              </li>
                              <li><input v-model="params_74.sigma_s_r_1"/></li>
                              <li><input v-model="params_74.sigma_Hlim_r_1"/></li>
                              <li><input v-model="params_74.sigma_Flim_r_1"/></li>
                              <li><input v-model="params_74.hardness_HB_r_1"/></li>
                              <li><input v-model="params_74.E_r_1"/></li>
                              <li><input v-model="params_74.possion_r_1"/></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div class="middle_middle">
                        <div style="width: 100%;height: 3%">齿形参数输入</div>
                        <div style="width: 100%;height: 87%;position: relative">
                          <div class="middle_top_left">
                            <ul class="middle_top_left_text_1" >
                              <li></li>
                              <li>齿顶高系数</li>
                              <li >顶隙系数</li>
                              <li >齿根圆角半径系数</li>
                              <li  >轮缘厚度系数</li>
                              <li  >齿向倒角高度(直径)(mm)</li>
                              <li  >齿向倒角角度(°)</li>
                              <li  >齿顶削减量(直径)(mm)</li>
                              <li  >挖根量(mm)</li>
                              <li  >齿面粗糙度Rz(um)</li>
                              <li  >齿根圆角粗糙度Rz (um)</li>
                              <li  >齿厚上偏差(um)</li>
                              <li  >齿厚公差(um)</li>
                              <li  >弯曲强度计算齿厚值(um)</li>
                              <li >加工齿圈刀具变位系数</li>
                              <li  >加工齿圈刀具齿数</li>
                            </ul>
                          </div>
                          <div class="middle_top_right1">
                            <ul class="middle_middle_left_input" style="position: relative">
                              <li>太阳轮</li>
                              <li><input v-model="params_74.ad_factor_s_1"/></li>
                              <li><input v-model="params_74.tip_factor_s_1"/></li>
                              <li><input v-model="params_74.radius_factor_s_1"/></li>
                              <li><input v-model="params_74.SR_s_1"/></li>
                              <li><input v-model="params_74.chamfer_dia_s_1"/></li>
                              <li><input v-model="params_74.chamfer_angle_s_1"/></li>
                              <li><input v-model="params_74.ad_cut_dia_s_1"/></li>
                              <li><input v-model="params_74.undercut_s_1"/></li>
                              <li><input v-model="params_74.R_z_flank_s_1"/></li>
                              <li><input v-model="params_74.R_z_root_s_1"/></li>
                              <li><input v-model="params_74.thickness_reduction_s_1"/></li>
                              <li><input v-model="params_74.tooth_thickness_tolerance_s_1"/></li>
                              <li style="display: flex">
                                <div style="width: 50%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_s_1}}</div>
                                <div style="width: 27%">
                                  <select v-model="params_74.bend_strength_thickness_s_1">
                                    <option value="1">最小</option>
                                    <option value="2">平均</option>
                                    <option value="3">最大</option>
                                  </select>
                                </div>
                              </li>
                              <li><input type="text" v-model="params_74.cutter_shift_coefficient_1"/>
                              <li><input type="text" v-model="params_74.z_cutter_1	"/>
                              <li style="margin-left: 70%;bottom: -3%;position: absolute"><input v-model="params_74.auto_cutter_1	" value="1" type="radio" style="height: 70%;width: 70%">自动</li>
                              <li style="margin-left: 70%;bottom: -9%;position: absolute"><input  v-model="params_74.auto_cutter_1	" value="2" type="radio" style="height: 70%;width: 70%">手动</li>
                            </ul>
                          </div>
                          <div class="middle_top_right2">
                            <ul class="middle_middle_left_input">
                              <li>行星轮</li>
                              <li><input v-model="params_74.ad_factor_p_1"/></li>
                              <li><input v-model="params_74.tip_factor_p_1"/></li>
                              <li><input v-model="params_74.radius_factor_p_1"/></li>
                              <li><input v-model="params_74.SR_p_1"/></li>
                              <li><input v-model="params_74.chamfer_dia_p_1"/></li>
                              <li><input v-model="params_74.chamfer_angle_p_1"/></li>
                              <li><input v-model="params_74.ad_cut_dia_p_1"/></li>
                              <li><input v-model="params_74.undercut_p_1"/></li>
                              <li><input v-model="params_74.R_z_flank_p_1"/></li>
                              <li><input v-model="params_74.R_z_root_p_1"/></li>
                              <li><input v-model="params_74.thickness_reduction_p_1"/></li>
                              <li><input v-model="params_74.tooth_thickness_tolerance_p_1"/></li>
                              <li style="display: flex">
                                <div style="width: 55%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_p_1}}</div>
                                <div style="width: 30%">
                                  <select v-model="params_74.bend_strength_thickness_p_1">
                                    <option value="1">最小</option>
                                    <option value="2">平均</option>
                                    <option value="3">最大</option>
                                  </select>
                                </div>
                              </li>
                            </ul>
                          </div>
                          <div class="middle_top_right3">
                            <ul class="middle_middle_left_input">
                              <li>齿圈</li>
                              <li><input v-model="params_74.ad_factor_r_1"/></li>
                              <li><input v-model="params_74.tip_factor_r_1"/></li>
                              <li><input v-model="params_74.radius_factor_r_1"/></li>
                              <li><input v-model="params_74.SR_r_1"/></li>
                              <li><input v-model="params_74.chamfer_dia_r_1"/></li>
                              <li><input v-model="params_74.chamfer_angle_r_1"/></li>
                              <li><input v-model="params_74.ad_cut_dia_r_1"/></li>
                              <li><input v-model="params_74.undercut_r_1"/></li>
                              <li><input v-model="params_74.R_z_flank_r_1"/></li>
                              <li><input v-model="params_74.R_z_root_r_1"/></li>
                              <li><input v-model="params_74.thickness_reduction_r_1"/></li>
                              <li><input v-model="params_74.tooth_thickness_tolerance_r_1"/></li>
                              <li style="display: flex">
                                <div style="width: 55%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_r_1}}</div>
                                <div style="width: 30%">
                                  <select v-model="params_74.bend_strength_thickness_r_1">
                                    <option value="1">最小</option>
                                    <option value="2">平均</option>
                                    <option value="3">最大</option>
                                  </select>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div class="middle_bottom">
                        <div style="width: 100%; height: 7%">系数参数</div>
                        <div style="width: 100%; height: 93%; display: flex;">
                          <div style="height: 100%;width: 40%;text-align: right" >
                            <ul class="btn-li-1" style="height: 100%;width: 100%;">
                              <li></li>
                              <li>使用系数</li>
                              <li >动载系数</li>
                              <li >接触齿向载荷分布系数</li>
                              <li >接触齿间载荷分布系数</li>
                              <li >弯曲齿向载荷分布系数</li>
                              <li >弯曲齿间载荷分布系数</li>
                              <li >静强度使用系数</li>
                            </ul>
                          </div>
                            <div style="height: 100%;width: 30%" >
                              <ul class="btn-li" style="height: 100%;width: 100%" >
                                <li >外啮合</li>
                                <li ><input   v-model="params_74.K_A_external_1" /></li>
                                <li ><input  v-model="params_74.K_V_external_1" /></li>
                                <li ><input v-model="params_74.K_Hb_external_1" /></li>
                                <li ><input v-model="params_74.K_Ha_external_1" /></li>
                                <li ><input v-model="params_74.K_Fb_external_1" /></li>
                                <li ><input v-model="params_74.K_Fa_external_1" /></li>
                                <li ><input v-model="params_74.K_A_external_s_1" /></li>
                              </ul>
                          </div>
                          <div style="height: 100%;width: 30%" >
                            <ul class="btn-li"  style="height: 100%;width: 100%" >
                                <li >内啮合</li>
                              <a-modal :visible="visible1" width="620px"
                                       @ok="handleOk1()" @cancel="handleCancel1()">
                                <div style="width: 100%;height: 100%;position: relative">
                                  <img  :src="img.five" v-show="showimg==1" class="img_img" style="height: 100%;width: 100%"/>
                                  <img   :src="img.six" v-show="showimg==2" class="img_img" style="height: 100%;width: 100%"/>
                                  <img  :src="img.seven"  v-show="showimg==3" class="img_img" style="height: 100%;width: 100%"/>
                                  <img   :src="img.eight" v-show="showimg==4" class="img_img" style="height: 100%;width: 100%"/>
                                </div>
                              </a-modal>
                                <li class="img_li"><input v-model="params_74.K_A_internal_1" style="width: 60%;height: 100%"/><button @click="showModal1(btn.value1)" :value="btn.value1" class="img_button" style="height: 80%;width: 40%">!</button></li>
                                <li class="img_li" ><input v-model="params_74.K_V_internal_1" style="width: 60%;height: 100%;"/><button @click="showModal1(btn.value2)" :value="btn.value2" class="img_button" style="height: 80%;width: 40%">!</button></li>
                                <li style="text-align: left" ><input v-model="params_74.K_Hb_internal_1" style="width: 55%;height: 100%;"/></li>
                                <li class="img_li" ><input v-model="params_74.K_Ha_internal_1" style="width: 60%;height: 100%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 80%;width: 40%">!</button></li>
                                <li style="text-align: left" ><input v-model="params_74.K_Fb_internal_1" style="width: 55%;height: 100%;"/></li>
                                <li class="img_li" ><input v-model="params_74.K_Fa_internal_1" style="width: 60%;height: 100%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 80%;width: 40%">!</button></li>
                                <li style="text-align: left" ><input v-model="params_74.K_A_internal_s_1" style="width: 55%;height: 100%;"/></li>
                              </ul>
                            </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="middle_right">
                    <div style="width: 100%;height: 2.4%;background: #D7D7D7">封闭级行星轮系基本参数</div>
                    <div style="width: 100%;height: 97.6%">
                      <div class="middle_top">
                        <div style="width: 100%;height: 7%">齿轮材料基本参数</div>
                        <div style="width: 100%;height: 93%;position: relative">
                          <div class="middle_top_left">
                            <ul class="middle_top_left_text">
                              <li></li>
                              <li>材料类型</li>
                              <li >屈服应力(MPa)</li>
                              <li   >接触疲劳极限应力(MPa)</li>
                              <li   >弯曲疲劳极限应力(MPa)</li>
                              <li   >齿面硬度(HB)</li>
                              <li   >弹性模量(MPa)</li>
                              <li   >泊松比</li>
                            </ul>
                          </div>
                          <div class="middle_top_right1">
                            <ul class="middle_top_left_input">
                              <li>太阳轮</li>
                              <li>
                                <select v-model="params_74.material_type_s_2">
                                  <option value="1">渗碳淬火</option>
                                  <option value="2">调质</option>
                                  <option value="3">渗氮钢</option>
                                  <option value="4">结构钢</option>
                                  <option value="5">感应淬火和火焰淬火钢</option>
                                  <option value="6">氮碳共渗钢</option>
                                </select>
                              </li>
                              <li><input v-model="params_74.sigma_s_s_2"/></li>
                              <li><input v-model="params_74.sigma_Hlim_s_2"/></li>
                              <li><input v-model="params_74.sigma_Flim_s_2"/></li>
                              <li><input v-model="params_74.hardness_HB_s_2"/></li>
                              <li><input v-model="params_74.E_s_2"/></li>
                              <li><input v-model="params_74.possion_s_2"/></li>
                            </ul>
                          </div>
                          <div class="middle_top_right2">
                            <ul class="middle_top_left_input">
                              <li>行星轮</li>
                              <li>
                                <select v-model="params_74.material_type_p_2">
                                  <option value="1">渗碳淬火</option>
                                  <option value="2">调质</option>
                                  <option value="3">渗氮钢</option>
                                  <option value="4">结构钢</option>
                                  <option value="5">感应淬火和火焰淬火钢</option>
                                  <option value="6">氮碳共渗钢</option>
                                </select>
                              </li>
                              <li><input v-model="params_74.sigma_s_p_2"/></li>
                              <li><input v-model="params_74.sigma_Hlim_p_2"/></li>
                              <li><input v-model="params_74.sigma_Flim_p_2"/></li>
                              <li><input v-model="params_74.hardness_HB_p_2"/></li>
                              <li><input v-model="params_74.E_p_2"/></li>
                              <li><input v-model="params_74.possion_p_2"/></li>
                            </ul>
                          </div>
                          <div class="middle_top_right3">
                            <ul class="middle_top_left_input">
                              <li>齿圈</li>
                              <li>
                                <select v-model="params_74.material_type_r_2">
                                  <option value="1">渗碳淬火</option>
                                  <option value="2">调质</option>
                                  <option value="3">渗氮钢</option>
                                  <option value="4">结构钢</option>
                                  <option value="5">感应淬火和火焰淬火钢</option>
                                  <option value="6">氮碳共渗钢</option>
                                </select>
                              </li>
                              <li><input v-model="params_74.sigma_s_r_2"/></li>
                              <li><input v-model="params_74.sigma_Hlim_r_2"/></li>
                              <li><input v-model="params_74.sigma_Flim_r_2"/></li>
                              <li><input v-model="params_74.hardness_HB_r_2"/></li>
                              <li><input v-model="params_74.E_r_2"/></li>
                              <li><input v-model="params_74.possion_r_2"/></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div class="middle_middle">
                        <div style="width: 100%;height: 3%">齿形参数输入</div>
                        <div style="width: 100%;height: 87%;position: relative">
                          <div class="middle_top_left">
                            <ul class="middle_top_left_text_1" >
                              <li></li>
                              <li >齿顶高系数</li>
                              <li >顶隙系数</li>
                              <li >齿根圆角半径系数</li>
                              <li >轮缘厚度系数</li>
                              <li >齿向倒角高度(直径)(mm)</li>
                              <li >齿向倒角角度(°)</li>
                              <li >齿顶削减量(直径)(mm)</li>
                              <li >挖根量(mm)</li>
                              <li >齿面粗糙度Rz(um)</li>
                              <li >齿根圆角粗糙度Rz (um)</li>
                              <li >齿厚上偏差(um)</li>
                              <li >齿厚公差(um)</li>
                              <li >弯曲强度计算齿厚值(um)</li>
                              <li >加工齿圈刀具变位系数</li>
                              <li >加工齿圈刀具齿数</li>
                            </ul>
                          </div>
                          <div class="middle_top_right1">
                            <ul class="middle_middle_left_input" style="position: relative">
                              <li>太阳轮</li>
                              <li><input v-model="params_74.ad_factor_s_2"/></li>
                              <li><input v-model="params_74.tip_factor_s_2"/></li>
                              <li><input v-model="params_74.radius_factor_s_2"/></li>
                              <li><input v-model="params_74.SR_s_2"/></li>
                              <li><input v-model="params_74.chamfer_dia_s_2"/></li>
                              <li><input v-model="params_74.chamfer_angle_s_2"/></li>
                              <li><input v-model="params_74.ad_cut_dia_s_2"/></li>
                              <li><input v-model="params_74.undercut_s_2"/></li>
                              <li><input v-model="params_74.R_z_flank_s_2"/></li>
                              <li><input v-model="params_74.R_z_root_s_2"/></li>
                              <li><input v-model="params_74.thickness_reduction_s_2"/></li>
                              <li><input v-model="params_74.tooth_thickness_tolerance_s_2"/></li>
                              <li style="display: flex">
                                <div style="width: 50%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_s_2}}</div>
                                <div style="width: 27%">
                                  <select v-model="params_74.bend_strength_thickness_s_2">
                                    <option value="1">最小</option>
                                    <option value="2">平均</option>
                                    <option value="3">最大</option>
                                  </select>
                                </div>
                              </li>
                              <li><input type="text" v-model="params_74.cutter_shift_coefficient_2"/>
                              <li><input type="text" v-model="params_74.z_cutter_2	"/>
                              <li style="margin-left: 70%;bottom: -3%;position: absolute"><input v-model="params_74.auto_cutter_2	" value="1" type="radio" style="height: 70%;width: 70%">自动</li>
                              <li style="margin-left: 70%;bottom: -9%;position: absolute"><input  v-model="params_74.auto_cutter_2	" value="2" type="radio" style="height: 70%;width: 70%">手动</li>
                            </ul>
                          </div>
                          <div class="middle_top_right2">
                            <ul class="middle_middle_left_input">
                              <li>行星轮</li>
                              <li><input v-model="params_74.ad_factor_p_2"/></li>
                              <li><input v-model="params_74.tip_factor_p_2"/></li>
                              <li><input v-model="params_74.radius_factor_p_2"/></li>
                              <li><input v-model="params_74.SR_p_2"/></li>
                              <li><input v-model="params_74.chamfer_dia_p_2"/></li>
                              <li><input v-model="params_74.chamfer_angle_p_2"/></li>
                              <li><input v-model="params_74.ad_cut_dia_p_2"/></li>
                              <li><input v-model="params_74.undercut_p_2"/></li>
                              <li><input v-model="params_74.R_z_flank_p_2"/></li>
                              <li><input v-model="params_74.R_z_root_p_2"/></li>
                              <li><input v-model="params_74.thickness_reduction_p_2"/></li>
                              <li><input v-model="params_74.tooth_thickness_tolerance_p_2"/></li>
                              <li style="display: flex">
                                <div style="width: 55%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_p_2}}</div>
                                <div style="width: 30%">
                                  <select v-model="params_74.bend_strength_thickness_p_2">
                                    <option value="1">最小</option>
                                    <option value="2">平均</option>
                                    <option value="3">最大</option>
                                  </select>
                                </div>
                              </li>
                            </ul>
                          </div>
                          <div class="middle_top_right3">
                            <ul class="middle_middle_left_input">
                              <li>齿圈</li>
                              <li><input v-model="params_74.ad_factor_r_2"/></li>
                              <li><input v-model="params_74.tip_factor_r_2"/></li>
                              <li><input v-model="params_74.radius_factor_r_2"/></li>
                              <li><input v-model="params_74.SR_r_2"/></li>
                              <li><input v-model="params_74.chamfer_dia_r_2"/></li>
                              <li><input v-model="params_74.chamfer_angle_r_2"/></li>
                              <li><input v-model="params_74.ad_cut_dia_r_2"/></li>
                              <li><input v-model="params_74.undercut_r_2"/></li>
                              <li><input v-model="params_74.R_z_flank_r_2"/></li>
                              <li><input v-model="params_74.R_z_root_r_2"/></li>
                              <li><input v-model="params_74.thickness_reduction_r_2"/></li>
                              <li><input v-model="params_74.tooth_thickness_tolerance_r_2"/></li>
                              <li style="display: flex">
                                <div style="width: 55%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_r_2}}</div>
                                <div style="width: 30%">
                                  <select v-model="params_74.bend_strength_thickness_r_2">
                                    <option value="1">最小</option>
                                    <option value="2">平均</option>
                                    <option value="3">最大</option>
                                  </select>
                                </div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div class="middle_bottom">
                        <div style="width: 100%; height: 7%">系数参数</div>
                        <div style="width: 100%; height: 93%; display: flex;">
                          <div style="height: 100%;width: 40%;text-align: right" >
                            <ul class="btn-li-1" style="height: 100%;width: 100%;">
                              <li></li>
                              <li>使用系数</li>
                              <li >动载系数</li>
                              <li >接触齿向载荷分布系数</li>
                              <li >接触齿间载荷分布系数</li>
                              <li >弯曲齿向载荷分布系数</li>
                              <li >弯曲齿间载荷分布系数</li>
                              <li >静强度使用系数</li>
                            </ul>
                          </div>
                          <div style="height: 100%;width: 30%" >
                            <ul class="btn-li" style="height: 100%;width: 100%" >
                              <li >外啮合</li>
                              <li ><input   v-model="params_74.K_A_external_2" /></li>
                              <li ><input  v-model="params_74.K_V_external_2" /></li>
                              <li ><input v-model="params_74.K_Hb_external_2" /></li>
                              <li ><input v-model="params_74.K_Ha_external_2" /></li>
                              <li ><input v-model="params_74.K_Fb_external_2" /></li>
                              <li ><input v-model="params_74.K_Fa_external_2" /></li>
                              <li ><input v-model="params_74.K_A_external_s_2" /></li>
                            </ul>
                          </div>
                          <div style="height: 100%;width: 30%" >
                            <ul class="btn-li"  style="height: 100%;width: 100%" >
                              <li >内啮合</li>
                              <a-modal :visible="visible1" width="620px"
                                       @ok="handleOk1()" @cancel="handleCancel1()">
                                <div style="width: 100%;height: 100%;position: relative">
                                  <img  :src="img.five" v-show="showimg==1" class="img_img" style="height: 100%;width: 100%"/>

                                  <img   :src="img.six"  v-show="showimg==2" class="img_img" style="height: 100%;width: 100%"/>

                                  <img   :src="img.seven"  v-show="showimg==3" class="img_img" style="height: 100%;width: 100%"/>

                                  <img   :src="img.eight"  v-show="showimg==4" class="img_img" style="height: 100%;width: 100%"/>

                                </div>
                              </a-modal>
                              <li class="img_li"><input v-model="params_74.K_A_internal_2" style="width: 60%;height: 100%"/><button @click="showModal1(btn.value1)" :value="btn.value1" class="img_button" style="height: 80%;width: 40%">!</button></li>
                              <li class="img_li" ><input v-model="params_74.K_V_internal_2" style="width: 60%;height: 100%;"/><button @click="showModal1(btn.value2)" :value="btn.value2" class="img_button" style="height: 80%;width: 40%">!</button></li>
                              <li style="text-align: left" ><input v-model="params_74.K_Hb_internal_2" style="width: 55%;height: 100%;"/></li>
                              <li class="img_li" ><input v-model="params_74.K_Ha_internal_2" style="width: 60%;height: 100%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 80%;width: 40%">!</button></li>
                              <li style="text-align: left" ><input v-model="params_74.K_Fb_internal_2" style="width: 55%;height: 100%;"/></li>
                              <li class="img_li" ><input v-model="params_74.K_Fa_internal_2" style="width: 60%;height: 100%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 80%;width: 40%">!</button></li>
                              <li style="text-align: left" ><input v-model="params_74.K_A_internal_s_2" style="width: 55%;height: 100%;"/></li>
                            </ul>
                          </div>
                        </div>
                      </div>
<!--                        <div style="width: 100%; height: 93%; position: relative">-->
<!--                          <div class="middle_bottom_left">-->
<!--                            <ul class="middle_bottom_text">-->
<!--                              <li></li>-->
<!--                              <li>使用系数</li>-->
<!--                              <li >动载系数</li>-->
<!--                              <li >接触齿向载荷分布系数</li>-->
<!--                              <li >接触齿间载荷分布系数</li>-->
<!--                              <li >弯曲齿向载荷分布系数</li>-->
<!--                              <li >弯曲齿间载荷分布系数</li>-->
<!--                              <li >静强度使用系数</li>-->
<!--                            </ul>-->
<!--                          </div>-->
<!--                          <div  style="position: relative;height: 100%;width: 32%">-->
<!--                            <ul class="wai-chi-he" style="position: absolute;right: 35%;height: 100%;width: 50%;">-->
<!--                              <li >外啮合</li>-->
<!--                              <li ><input v-model="params_74.K_A_external_2" /></li>-->
<!--                              <li ><input v-model="params_74.K_V_external_2" /></li>-->
<!--                              <li ><input v-model="params_74.K_Hb_external_2" /></li>-->
<!--                              <li ><input v-model="params_74.K_Ha_external_2" /></li>-->
<!--                              <li ><input v-model="params_74.K_Fb_external_2" /></li>-->
<!--                              <li ><input v-model="params_74.K_Fa_external_2" /></li>-->
<!--                              <li ><input v-model="params_74.K_A_external_s_2" /></li>-->
<!--                            </ul>-->
<!--                            <ul class="wai-chi-he" style="position: absolute;right: -45%;height: 100%;width: 50%">-->
<!--                              <li >内啮合</li>-->
<!--                              <li class="img_li"><input v-model="params_74.K_A_internal_2" style="width: 30%;height: 60%"/><button @click="showModal1(btn.value1)" :value="btn.value1" class="img_button" style="height: 60%">!</button></li>-->
<!--                              <a-modal :visible="visible1" width="620px"-->
<!--                                       @ok="handleOk1()" @cancel="handleCancel1()">-->
<!--                                <div style="width: 100%;height: 100%;position: relative">-->
<!--                                  <img  :src="img.five" v-show="showimg==1" class="img_img" style="height: 100%;width: 100%"/>-->

<!--                                  <img   :src="img.six"  v-show="showimg==2" class="img_img" style="height: 100%;width: 100%"/>-->

<!--                                  <img   :src="img.seven"  v-show="showimg==3" class="img_img" style="height: 100%;width: 100%"/>-->

<!--                                  <img   :src="img.eight"  v-show="showimg==4" class="img_img" style="height: 100%;width: 100%"/>-->

<!--                                </div>-->
<!--                              </a-modal>-->
<!--                              <li class="img_li" style="margin-top: -5.3%"><input v-model="params_74.K_V_internal_2" style="width: 30%;height: 60%;"/><button @click="showModal1(btn.value2)" :value="btn.value2" class="img_button" style="height: 60%">!</button></li>-->
<!--                              <li style="margin-top: -5.3%"><input v-model="params_74.K_Hb_internal_2" style="width: 30%;height: 60%;"/></li>-->
<!--                              <li class="img_li" style="margin-top: -5.3%"><input v-model="params_74.K_Ha_internal_2" style="width: 30%;height: 60%"/><button @click="showModal1(btn.value3)" :value="btn_1.value3" class="img_button" style="height: 60%;">!</button></li>-->
<!--                              <li style="margin-top: -5.3%"><input v-model="params_74.K_Fb_internal_2" style="width: 30%;height: 60%;"/></li>-->
<!--                              <li class="img_li" style="margin-top: -5.3%"><input v-model="params_74.K_Fa_internal_2" style="width: 30%;height: 60%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 60%">!</button></li>-->
<!--                              <li style="margin-top: -5.3%"><input v-model="params_74.K_A_internal_s_2" style="width: 30%;height: 60%"/></li>-->
<!--                            </ul>-->
<!--                          </div>-->
<!--                        </div>-->
<!--                      </div>-->
<!--                    </div>-->
                  </div>
                </div>
                </div>
                <div style="width: 96%;height: 4%;margin-left: 2%">
                  <button @click="calculation" style="width: 10%;height: 90%;margin-left: 85%">计算</button>
                </div>
              </a-col>
            </a-row>
          </div>

        </div>

        <div v-show="btn1==2" class="design" style="height:110%;width: 100%;position: absolute;display: block;top:5%;left: 0%;overflow-x:auto;overflow-y:auto">
          <div class="d-left">
            <div class="title">差动级行星轮系宏观参数设计模块</div>
            <div class="differential" style="height: 96.5%;width: 100%;">
              <div class="b-left-top" style="height: 5.4%;width: 100%">
                <ul style="height: 100%;width: 25%;">
                  <li><label>总传动比</label><input v-model="params_74.ratio_aim_total" ></li>
                  <li><label>目标齿数比</label><input v-model="params_74.ratio_aim_1" ></li>
                </ul><ul style="height: 100%;width: 25%;">
                <li><label>最大设计宽径比</label><input v-model="params_74.ratio_width_diameter_max_1" ></li>
                <li><label>行星轮个数</label><input v-model="params_74.planet_number_1"></li>
              </ul><ul style="height: 100%;width: 16%;">
                <li>
                  <a-button  style="height: 95%;width: 10%;font-size: 12px"  @click="showModal">!</a-button>
                  <a-modal  title="圆柱齿轮的宽径比参考表" :visible="visible" :confirm-loading="confirmLoading" @ok="handleOk"
                            @cancel="handleCancel">
                    <img :src="one"  class="one-img" />
                  </a-modal>
                </li>
                <li><label>不均载系数</label><input v-model="params_74.load_share_factor_1" ></li>
              </ul><ul style="height: 100%;width: 34%;">
                <li><label>齿圈预留法向轮缘系数</label><input v-model="params_74.abundant_ring_rim_factor_1"></li>
                <li><label>功率分流</label>{{ ans.power_distribution_1 }}</li>
              </ul>
              </div>

              <div style="height: 94.6%;width: 100%;position: relative;">
                <div class="b-left-left" style="height: 100%;width: 22%;position: absolute;left: 0;top: 0">
                  <ul style=" height: 100%;width: 100%">
                    <li></li>
                    <li></li>
                    <li>设计法向压力角(°)</li>
                    <li>设计螺旋角(°)</li>
                    <li>设计宽径比</li>
                    <li>参考分度圆直径(mm)</li>
                    <li>参考中心距(mm)</li>
                    <li>参考齿圈最大外径(mm)</li>
                    <li>参考法向模数(mm)</li>
                    <li>设计法向模数(mm)</li>
                    <li>参考齿数</li>
                    <li>齿数调整值</li>
                    <li>设计齿数</li>
                    <li>设计齿数比</li>
                    <li>齿数比差值百分比</li>
                    <li>设计齿宽(mm)</li>
                    <li>标准中心距(mm)</li>
                    <li>设计中心距(mm)</li>
                    <li v-show="params_74.auto_work_center_2==2">参考法向变位系数</li>
                    <li>设计法向变位系数</li>
                    <li>滑动率</li>
                    <li>法向齿顶宽系数</li>
                    <li>轴向重合度</li>
                    <li>端面重合度</li>
                    <li>总重合度</li>
                    <li>接触疲劳强度裕度</li>
                    <li>弯曲疲劳强度裕度</li>
                    <li>接触静强度裕度</li>
                    <li>弯曲静强度裕度</li>
                    <li>行星轮间隙系数</li>
                    <li>设计齿圈最大外径(mm)</li>
                    <li>端面齿顶圆直径(mm)</li>
                    <li>端面齿根圆直径(mm)</li>
                    <li>轴承最大外径(mm)</li>
                    <li>节圆线速度(m/s)</li>
                  </ul>
                </div>
                <div class="b-left-right" style="height: 100%;width:78%;position: absolute;right: 0;top: 0">
                  <ul style="height: 100%;width: 100%;font-size: 0">
                    <li class="half">外啮合</li>
                    <li class="half">内啮合</li>
                    <li class="quarter">太阳轮</li>
                    <li class="quarter">行星轮</li>
                    <li class="quarter">行星轮</li>
                    <li class="quarter">齿圈</li>
                    <li style="width: 100%"><input v-model="params_74.press_angle_1" ></li>
                    <li style="width: 100%"><input v-model="params_74.helix_angle_1"></li>
                    <li class="one-third-third" >{{ ans.ratio_width_diameter_s_1 }}</li>
                    <li class="one-third">{{ ans.ratio_width_diameter_p_1 }}</li>
                    <li class="one-third-third">{{ ans.ratio_width_diameter_r_1 }}</li>
                    <li class="one-third-third">{{ ans.tran_refer_dia_s_1 }}</li>
                    <li class="one-third">{{ ans.tran_refer_dia_p_1 }}</li>
                    <li class="one-third-third">{{ ans.tran_refer_dia_r_1 }}</li>
                    <li style="width: 100%">{{ ans.center_refer_strength_1 }}</li>
                    <li style="width: 100%">{{ ans.max_dia_refer_strength_1 }}</li>
                    <li style="width: 100%">{{ ans.normal_module_refer_1 }}</li>
                    <li style="width: 100%"><input v-model="params_74.normal_module_1"></li>
                    <li class="one-third-third">{{ ans.z_s_refer_1 }}</li>
                    <li class="one-third">{{ ans.z_p_refer_1 }}</li>
                    <li class="one-third-third">{{ ans.z_r_refer_1 }}</li>
                    <li class="one-third-third"></li>
                    <li class="one-third"><select v-model="params_74.z_p_adjust_1">
                      <option value="1">0</option>
                      <option value="2">-2</option>
                      <option value="3">-1</option>
                      <option value="4">1</option>
                      <option value="5">2</option>
                    </select>
                    </li>
                    <li style="width: 16%"><label>{{ans.z_r_change_1}}</label></li>
                    <li style="width: 9%"><select v-model="params_74.z_r_adjust_1">
                      <option value="1">0</option>
                      <option value="2">-2</option>
                      <option value="3">-1</option>
                      <option value="4">1</option>
                      <option value="5">2</option>
                    </select>
                    </li>
                    <li class="quarter"><input v-model="params_74.z_s_1"></li>
                    <li class="quarter"></li>
                    <li class="quarter">{{ ans.z_p_1 }}</li>
                    <li class="quarter">{{ ans.z_r_1 }}</li>
                    <li style="width: 100%">{{ ans.ratio_design_1 }}</li>
                    <li style="width: 100%">{{ ans.ratio_different_1 }}</li>
                    <li style="width: 100%">{{ ans.effect_width_1 }}</li>
                    <li style="width: 50%">{{ ans.standard_center_external_1 }}</li>
                    <li style="width: 50%"><div style="width: 100%;height: 100%;display: flex;font-size: 0">
                      <label style="width: 60%;font-size: 14px;text-align: center;padding-right: 10%">{{ ans.standard_center_internal_1 }}</label>
                      <label for="center1" style="display: flex;text-align: center;width: 40%">
                        <input style="width: 18%" v-model="params_74.auto_work_center_2" type="radio" value="1" name="btn1" id="center1">
                        <span style="font-size: 14px">自动</span>
                      </label></div></li>

                    <li style="width: 80%" v-show="params_74.auto_work_center_2==1">{{ans.work_center_1_1}}</li>
                    <li style="width: 80%" v-show="params_74.auto_work_center_2==2"><input v-model="params_74.work_center_manual_1" /></li>
                    <li style="width: 20%">
                      <div style="width: 100%;height: 100%;display: flex;font-size: 0">
                        <label for="center2" style="display: flex;text-align: center;width: 100%">
                          <input style="width: 18%" v-model="params_74.auto_work_center_2" type="radio" value="2" name="btn1" id="center2">
                          <span style="font-size: 14px">手动</span></label></div></li>

                    <li class="one-third-third" v-show="params_74.auto_work_center_2==2">{{ ans.normal_modi_factor_s }}</li>
                    <li class="one-third" v-show="params_74.auto_work_center_2==2">{{ ans.normal_modi_factor_p }}</li>
                    <li class="one-third-third" style="font-size: 12px" v-show="params_74.auto_work_center_2==2"><button>!</button></li>
                    <li class="one-third-third"><input v-model="params_74.normal_modi_factor_s_1"></li>
                    <li class="one-third" v-show="params_74.auto_work_center_2==1"><label>0</label></li>
                    <li class="one-third" v-show="params_74.auto_work_center_2==2">{{ ans.normal_modi_factor_p_1 }}</li>
                    <li style="width: 15%;text-align: right;">{{ ans.normal_modi_factor_r_1 }}</li>
                    <li style="width: 10%">
                      <button style="height: 100%;width: 50%;font-size: 12px" @click="showModal_2">!</button>
                      <a-modal  title="提示" :visible="noshow" :confirm-loading="confirmLoad" @ok="handleOk_2"
                                @cancel="handleCancel_2">
                        <p style="font-size: 16px"> 按照国内齿轮行业惯例，中心距变大时内齿轮的变位系数为正，反之为负，但国际上内齿轮变位系数的符号规定与之相反，所以标注时请引起注意!本程序使用国内惯例</p>
                      </a-modal>
                    </li>
                    <li class="quarter">{{ ans.slip_s_external_1 }}</li>
                    <li class="quarter">{{ ans.slip_p_external_1 }}</li>
                    <li class="quarter">{{ ans.slip_p_internal_1}}</li>
                    <li class="quarter">{{ ans.slip_r_internal_1 }}</li>
                    <li class="one-third-third">{{ ans.normal_width_tip_factor_s_sn_1 }}</li>
                    <li class="one-third">{{ ans.normal_width_tip_factor_p_sn_1 }}</li>
                    <li class="one-third-third">{{ans.normal_width_tip_factor_r_sn_1}}</li>
                    <li class="half">{{ ans.axial_contact_ratio_external_1 }}</li>
                    <li class="half">{{ ans.axial_contact_ratio_internal_1 }}</li>
                    <li class="half">{{ ans.tran_contact_ratio_external_1 }}</li>
                    <li class="half">{{ ans.tran_contact_ratio_internal_1 }}</li>
                    <li class="half">{{ans.total_contact_ratio_external_1}}</li>
                    <li class="half">{{ ans.total_contact_ratio_internal_1 }}</li>
                    <li class="quarter">{{ ans.abundant_H_fatigue_s_external_1 }}</li>
                    <li class="quarter">{{ ans.abundant_H_fatigue_p_external_1 }}</li>
                    <li class="quarter">{{ ans.abundant_H_fatigue_p_internal_1 }}</li>
                    <li class="quarter">{{ ans.abundant_H_fatigue_r_internal_1 }}</li>
                    <li class="quarter">{{ ans.abundant_F_fatigue_s_external_1 }}</li>
                    <li class="quarter">{{ ans.abundant_F_fatigue_p_external_1 }}</li>
                    <li class="quarter">{{ ans.abundant_F_fatigue_p_internal_1 }}</li>
                    <li class="quarter">{{ ans.abundant_F_fatigue_r_internal_1 }}</li>
                    <li class="quarter">{{ans.abundant_H_static_s_external_1}}</li>
                    <li class="quarter">{{ ans.abundant_H_static_p_external_1 }}</li>
                    <li class="quarter">{{ ans.abundant_H_static_p_internal_1 }}</li>
                    <li class="quarter">{{ ans.abundant_H_static_r_internal_1 }}</li>
                    <li class="quarter">{{ ans.abundant_F_static_s_external_1 }}</li>
                    <li class="quarter">{{ ans.abundant_F_static_p_external_1 }}</li>
                    <li class="quarter" >{{ ans.xingxinglunjianxi1 }}</li>
                    <li class="quarter">{{ ans.abundant_F_static_r_internal_1 }}</li>
                    <li style="width: 100%">{{ ans.clearance_planet_factor_1 }}</li>
                    <li style="width: 100%">{{ ans.max_dia_ring_design_1 }}</li>

                    <li class="one-third-third">{{ ans.tran_practice_ad_dia_s_1 }}</li>
                    <li class="one-third">{{ ans.tran_practice_ad_dia_p_1 }}</li>
                    <li class="one-third-third">{{ ans.tran_practice_ad_dia_r_1 }}</li>
                    <li class="one-third-third">{{ans.tran_de_dia_s_1}}</li>
                    <li class="one-third">{{ ans.tran_de_dia_p_1 }}</li>
                    <li class="one-third-third">{{ ans.tran_de_dia_r_1 }}</li>
                    <li  style="text-align: center;width: 100%;">{{ ans.zhouchengzuidawaijing1 }}</li>
                    <li class="half">{{ ans.v_pitch_external_1 }}</li>
                    <li class="half">{{ans.v_pitch_internal_1}}</li>

                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="d-mid">
            <div class="title">封闭级行星轮系宏观参数设计模块</div>
            <div class="differential" style="height: 96%;width: 100%;">
              <div class="b-left-top" style="height: 5.4%;width: 100%">
                <ul style="height: 100%;width: 25%;">
                  <li><label>目标齿数比</label>{{ans.ratio_aim_2}}</li>
                  <li><label>行星轮个数</label><input v-model="params_74.planet_number_2"></li>
                </ul><ul style="height: 100%;width: 25%;">
                <li><label>最大设计宽径比</label  ><input v-model="params_74.ratio_width_diameter_max_2" ></li>
                <li><label>不均载系数</label><input v-model="params_74.load_share_factor_2"></li>
              </ul><ul style="height: 100%;width: 12%;">
                <li>
                  <button style="width: 30%;font-size: 12px;" @click="showModal_3">!</button>
                  <a-modal  title="圆柱齿轮的宽径比参考表" :visible="visible_3" :confirm-loading="confirmLoading_3" @ok="handleOk_3"
                            @cancel="handleCancel_3">
                    <img :src="two"  style="height: 100%;width: 100%;" />
                  </a-modal>
                </li>
                <li><button style="width: 30%;font-size: 12px" @click="showModal_4">!</button>
                  <a-modal  title="不均载系数参考表" :visible="visible_4" :confirm-loading="confirmLoading_4" @ok="handleOk_4"
                            @cancel="handleCancel_4">
                    <img :src="three"  style="height: 100%;width: 100%;" />
                  </a-modal></li>
              </ul><ul style="height: 100%;width: 38%;">
                <li><label>齿圈预留法向轮缘系数</label><input v-model="params_74.abundant_ring_rim_factor_2"></li>
                <li><label style="margin-right: 10%">总的传动比差值比</label>{{ ans.ratio_different_total }}</li>
                <li></li>
              </ul>
              </div>
              <div style="height: 94.6%;width: 100%;position: relative;">
                <div class="b-left-left" style="height: 100%;width: 25%;position: absolute;left: 0;top: 0">
                  <ul style="height: 100%;width: 100%">
                    <li></li>
                    <li></li>
                    <li>设计法向压力角(°)</li>
                    <li>设计螺旋角(°)</li>
                    <li>设计宽径比</li>
                    <li>参考分度圆直径(mm)</li>
                    <li>参考中心距(mm)</li>
                    <li>参考齿圈最大外径(mm)</li>
                    <li>参考法向模数(mm)</li>
                    <li>设计法向模数(mm)</li>
                    <li>参考齿数</li>
                    <li>齿数调整值</li>
                    <li>设计齿数</li>
                    <li>设计齿数比</li>
                    <li>齿数比差值百分比</li>
                    <li>设计齿宽(mm)</li>
                    <li>标准中心距(mm)</li>
                    <li>设计中心距(mm)</li>
                    <li v-show="params_74.auto_work_center_4==2">参考法向变位系数</li>
                    <li>设计法向变位系数</li>
                    <li>滑动率</li>
                    <li>法向齿顶宽系数</li>
                    <li>轴向重合度</li>
                    <li>端面重合度</li>
                    <li>总重合度</li>
                    <li>接触疲劳强度裕度</li>
                    <li>弯曲疲劳强度裕度</li>
                    <li>接触静强度裕度</li>
                    <li>弯曲静强度裕度</li>
                    <li>行星轮间隙系数</li>
                    <li>设计齿圈最大外径(mm)</li>
                    <li>端面齿顶圆直径(mm)</li>
                    <li>端面齿根圆直径(mm)</li>
                    <li>轴承最大外径(mm)</li>
                    <li>节圆线速度(m/s)</li>
                  </ul>
                </div>
                <div class="b-left-right" style="height: 100%;width: 75%;position: absolute;right: 0;top: 0">
                  <ul style="height: 100%;width: 100%;font-size: 0">
                    <li class="half">外啮合</li>
                    <li class="half">内啮合</li>
                    <li class="quarter">太阳轮</li>
                    <li class="quarter">行星轮</li>
                    <li class="quarter">行星轮</li>
                    <li class="quarter">齿圈</li>
                    <li style="width: 100%"><input v-model="params_74.press_angle_2"></li>
                    <li style="width: 100%"><input v-model="params_74.helix_angle_2"></li>
                    <li class="one-third-third">{{ ans.ratio_width_diameter_s_2 }}</li>
                    <li class="one-third">{{ ans.ratio_width_diameter_p_2 }}</li>
                    <li class="one-third-third">{{ ans.ratio_width_diameter_r_2 }}</li>
                    <li class="one-third-third">{{ ans.tran_refer_dia_s_2 }}</li>
                    <li class="one-third">{{ ans.tran_refer_dia_p_2 }}</li>
                    <li class="one-third-third">{{ans.tran_refer_dia_r_2}}</li>
                    <li style="width: 100%">{{ ans.center_refer_strength_2 }}</li>
                    <li style="width: 100%">{{ ans.max_dia_refer_strength_2 }}</li>
                    <li style="width: 100%">{{ ans.normal_module_refer_2 }}</li>
                    <li style="width: 100%"><input v-model="params_74.normal_module_2"></li>
                    <li class="one-third-third">{{ ans.z_s_refer_2 }}</li>
                    <li class="one-third">{{ans.z_p_refer_2}}</li>
                    <li class="one-third-third">{{ ans.z_r_refer_2 }}</li>
                    <li class="one-third-third"></li>
                    <li class="one-third"><select v-model="params_74.z_p_adjust_2">
                      <option value="1">0</option>
                      <option value="2">-2</option>
                      <option value="3">-1</option>
                      <option value="4">1</option>
                      <option value="5">2</option>
                    </select></li>
                    <li style="width: 16%"><label>{{ ans.z_r_change_2 }}</label></li>
                    <li style="width: 9%"><select v-model="params_74.z_r_adjust_2">
                      <option value="1">0</option>
                      <option value="2">-2</option>
                      <option value="3">-1</option>
                      <option value="4">1</option>
                      <option value="5">2</option>
                    </select></li>
                    <li class="quarter"><input v-model="params_74.z_s_2"></li>
                    <li class="quarter"></li>
                    <li class="quarter">{{ ans.z_p_2 }}</li>
                    <li class="quarter">{{ ans.z_r_2 }}</li>
                    <li style="width: 100%">{{ ans.ratio_design_2 }}</li>
                    <li style="width: 100%">{{ ans.ratio_different_2 }}</li>
                    <li style="width: 100%">{{ ans.effect_width_2 }}</li>
                    <li style="width: 50%">{{ ans.standard_center_external_2 }}</li>
                    <li style="width: 50%"><div style="width: 100%;height: 100%;display: flex;font-size: 0">
                      <label style="width: 60%;font-size: 14px;text-align: center;padding-right: 10%">{{ ans.standard_center_internal_2 }}</label>
                      <label for="center3" style="display: flex;text-align: center;width: 40%">
                        <input style="width: 18%" v-model="params_74.auto_work_center_4" type="radio" value="1" name="btn2" id="center3">
                        <span style="font-size: 14px">自动</span>
                      </label></div></li>
                    <li style="width: 80%" v-show="params_74.auto_work_center_4==2"><input v-model="params_74.work_center_manual_2"></li>
                    <li style="width: 80%" v-show="params_74.auto_work_center_4==1">{{ans.work_center_1_2}}</li>
                    <li style="width: 20%">
                      <div style="width: 100%;height: 100%;display: flex;font-size: 0">
                        <label for="center4" style="display: flex;text-align: center;width: 100%">
                          <input style="width: 18%" v-model="params_74.auto_work_center_4" type="radio" value="2" name="btn2" id="center4">
                          <span style="font-size: 14px">手动</span></label></div></li>
                    <li class="one-third-third" v-show="params_74.auto_work_center_4==2">{{ ans.normal_modi_factor_s }}</li>
                    <li class="one-third" v-show="params_74.auto_work_center_4==2">{{ ans.normal_modi_factor_p }}</li>
                    <li class="one-third-third" style="font-size: 12px" v-show="params_74.auto_work_center_4==2"><button>!</button></li>
                    <li class="one-third-third"><input v-model="params_74.normal_modi_factor_s_2"></li>
                    <li class="one-third">{{ ans.normal_modi_factor_p_2 }}</li>
                    <li style="width: 15%;text-align: right">{{ ans.normal_modi_factor_r_2 }}</li>
                    <li style="width: 10%">
                      <button style="font-size: 12px;height: 100%;width:50%" @click="showModal_5">!</button>
                      <a-modal  title="提示" :visible="visible_5" :confirm-loading="confirmLoading_5" @ok="handleOk_5"
                                @cancel="handleCancel_5">
                        <p style="font-size: 16px">按照国内齿轮行业惯例，中心距变大时内齿轮的变位系数为正，反之为负，但国际上内齿轮变位系数的符号规定与之相反，所以标注时请引起注意!本程序使用国内惯例
                        </p>
                      </a-modal>
                    </li>
                    <li class="quarter">{{ ans.slip_s_external_2 }}</li>
                    <li class="quarter">{{ ans.slip_p_external_2 }}</li>
                    <li class="quarter">{{ ans.slip_p_internal_2 }}</li>
                    <li class="quarter">{{ ans.slip_r_internal_2 }}</li>
                    <li class="one-third-third">{{ ans.normal_width_tip_factor_s_sn_2 }}</li>
                    <li class="one-third">{{ ans.normal_width_tip_factor_p_sn_2 }}</li>
                    <li class="one-third-third">{{ ans.normal_width_tip_factor_r_sn_2 }}</li>
                    <li class="half">{{ans.axial_contact_ratio_external_2}}</li>
                    <li class="half">{{ ans.axial_contact_ratio_internal_2 }}</li>
                    <li class="half">{{ ans.tran_contact_ratio_external_2 }}</li>
                    <li class="half">{{ ans.tran_contact_ratio_internal_2 }}</li>
                    <li class="half">{{ ans.total_contact_ratio_external_2 }}</li>
                    <li class="half">{{ ans.total_contact_ratio_internal_2 }}</li>
                    <li class="quarter">{{ ans.abundant_H_fatigue_s_external_2 }}</li>
                    <li class="quarter">{{ ans.abundant_H_fatigue_p_external_2 }}</li>
                    <li class="quarter">{{ ans.abundant_H_fatigue_p_internal_2 }}</li>
                    <li class="quarter">{{ ans.abundant_H_fatigue_r_internal_2 }}</li>
                    <li class="quarter">{{ ans.abundant_F_fatigue_s_external_2 }}</li>
                    <li class="quarter">{{ ans.abundant_F_fatigue_p_external_2 }}</li>
                    <li class="quarter">{{ ans.abundant_F_fatigue_p_internal_2 }}</li>
                    <li class="quarter">{{ ans.abundant_F_fatigue_r_internal_2 }}</li>
                    <li class="quarter">{{ ans.abundant_H_static_s_external_2 }}</li>
                    <li class="quarter">{{ ans.abundant_H_static_p_external_2 }}</li>
                    <li class="quarter">{{ ans.abundant_H_static_p_internal_2 }}</li>
                    <li class="quarter">{{ ans.abundant_H_static_r_internal_2 }}</li>
                    <li class="quarter">{{ ans.abundant_F_static_s_external_2 }}</li>
                    <li class="quarter">{{ ans.abundant_F_static_p_external_2 }}</li>
                    <li class="quarter" >{{ ans. xingxinglunjianxi2}}</li>
                    <li class="quarter">{{ ans.abundant_F_static_r_internal_2 }}</li>
                    <li style="width: 100%">{{ ans.clearance_planet_factor_2 }}</li>
                    <li style="width: 100%">{{ ans.max_dia_ring_design_2 }}</li>
                    <li class="one-third-third">{{ ans.tran_practice_ad_dia_s_2 }}</li>
                    <li class="one-third">{{ ans.tran_practice_ad_dia_p_2 }}</li>
                    <li class="one-third-third">{{ ans.tran_practice_ad_dia_r_2 }}</li>
                    <li class="one-third-third">{{ ans.tran_de_dia_s_2 }}</li>
                    <li class="one-third">{{ ans.tran_de_dia_p_2 }}</li>
                    <li class="one-third-third" >{{ ans.tran_de_dia_r_2 }}</li>
                    <li  style="text-align: center;width: 100%;">{{ ans.zhouchengzuidawaijing2 }}</li>
                    <li class="half">{{ ans.v_pitch_external_2 }}</li>
                    <li class="half">{{ ans.v_pitch_internal_2 }}</li>

                  </ul>
                </div>
              </div>
            </div>
          </div>

          <div >
            <!--            style="height: 100%;width:5%;background-color: #6dd400"-->
            <!--            right: 0;background-color: #6dd400;display: inline-block;position: relative;top:5%-->
            <button @click="showModal2" style="width:6%; height:5%;position: absolute;top: 90%;right: 0">查看相关参数</button>
            <a-modal :visible="visible2" width="80%"
                     @ok="handleOk2" @cancel="handleCancel2">
              <div style="width: 100%;height: 100%;font-size: 0;vertical-align: top;">
                <div style="height: 100%;width: 50%;vertical-align: top;box-shadow: 0px 2px 8px rgb(213, 213, 213);display: inline-block">
                  <div class="title" style="font-size: 14px">第1级相关参数</div>
                  <div style="width: 100%;height: 95%">
                    <div
                        class="b-left-left1"
                        style="height: 96%;width: 25%;display: inline-block;">
                      <ul style="height: 100%;width: 100%;">
                        <li></li>
                        <li></li>
                        <li>计算接触应力(MPa)</li>
                        <li>许用接触应力(MPa)</li>
                        <li>计算弯曲应力(MPa)</li>
                        <li>许用弯曲应力(MPa)</li>
                        <li>节圆直径(mm)</li>
                        <li>基圆直径(mm)</li>
                        <li>啮合角(°)</li>
                        <li>基圆螺旋角(°)</li>
                        <li>相对转速(rpm)</li>
                        <li>绝对转速(rpm)</li>
                        <li>行星架转速(rpm)</li>
                        <li>切向载荷(N)</li>
                        <li>径向载荷(N)</li>
                        <li>轴向载荷(N)</li>
                      </ul>
                    </div>
                    <div
                        class="b-left-right1"
                        style="height: 96%;width: 75%;display: inline-block">
                      <ul style="height: 100%;width: 100%;font-size: 0;vertical-align:top;">
                        <li class="half">外啮合</li>
                        <li class="half">内啮合</li>
                        <li class="quarter">太阳轮</li>
                        <li class="quarter">行星轮</li>
                        <li class="quarter">行星轮</li>
                        <li class="quarter">齿圈</li>
                        <li class="quarter"><label>{{  ans.sigma_H_fatigue_design_s_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_H_fatigue_design_p_external_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_H_fatigue_design_p_internal_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_H_fatigue_design_r_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_HG_s_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_HG_p_external_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_HG_p_internal_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_HG_r_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_F_fatigue_design_s_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_F_fatigue_design_p_external_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_F_fatigue_design_p_internal_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_F_fatigue_design_r_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_FG_s_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_FG_p_external_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_FG_p_internal_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.sigma_FG_r_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.tran_pitch_s_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.tran_pitch_p_external_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.tran_pitch_p_internal_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.tran_pitch_r_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.tran_base_dia_s_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.tran_base_dia_p_external_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.tran_base_dia_p_internal_1_x1 }}</label></li>
                        <li class="quarter"><label>{{  ans.tran_base_dia_r_1_x1 }}</label></li>
                        <li class="half"><label>{{  ans.mesh_angle_external_1_x1 }}</label></li>
                        <li class="half"><label>{{  ans.mesh_angle_internal_1_x1 }}</label></li>
                        <li class="half"><label>{{  ans.base_helix_angle_external_1_x1 }}</label></li>
                        <li class="half"><label>{{  ans.base_helix_angle_internal_1_x1 }}</label></li>
                        <li class="one-third-third">{{  ans.n_s_1_rel }}</li>
                        <li class="one-third">{{  ans.n_p_1_rel }}</li>
                        <li class="one-third-third">{{  ans.n_r_1_rel }}</li>
                        <li class="one-third-third">{{  ans.n_s_1_abs }}</li>
                        <li class="one-third">{{  ans.n_p_1_abs }}</li>
                        <li class="one-third-third">{{  ans.n_r_1_abs }}</li>
                        <li style="width: 100%">{{  ans.n_carrier_1_abs }}</li>
                        <li class="half"><label>{{  ans.tangential_load_external_1_0 }}</label></li>
                        <li class="half"><label>{{  ans.tangential_load_internal_1_0 }}</label></li>
                        <li class="half"><label>{{  ans.radial_load_external_1_0 }}</label></li>
                        <li class="half"><label>{{  ans.radial_load_internal_1_0 }}</label></li>
                        <li class="half"><label>{{  ans.axial_load_external_1_0 }}</label></li>
                        <li class="half"><label>{{  ans.axial_load_internal_1_0 }}</label></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div style="height: 100%;width: 50%;vertical-align: top;box-shadow: 0px 2px 8px rgb(213, 213, 213);display: inline-block">
                  <div class="title" style="font-size: 14px">
                    第2级相关参数
                  </div>
                  <div class="b-left-left1" style="height: 96%;width: 25%;display: inline-block;">
                    <ul style="height: 100%;width: 100%;">
                      <li></li>
                      <li></li>
                      <li>计算接触应力(MPa)</li>
                      <li>许用接触应力(MPa)</li>
                      <li>计算弯曲应力(MPa)</li>
                      <li>许用弯曲应力(MPa)</li>
                      <li>节圆直径(mm)</li>
                      <li>基圆直径(mm)</li>
                      <li>啮合角(°)</li>
                      <li>基圆螺旋角(°)</li>
                      <li>相对转速(rpm)</li>
                      <li>绝对转速(rpm)</li>
                      <li>行星架转速(rpm)</li>
                      <li>切向载荷(N)</li>
                      <li>径向载荷(N)</li>
                      <li>轴向载荷(N)</li>
                    </ul>
                  </div>
                  <div class="b-left-right1" style="height: 96%;width: 75%;display: inline-block">
                    <ul style="height: 100%;width: 100%;font-size: 0;vertical-align:top;">
                      <li class="half">外啮合</li>
                      <li class="half">内啮合</li>
                      <li class="quarter">太阳轮</li>
                      <li class="quarter">行星轮</li>
                      <li class="quarter">行星轮</li>
                      <li class="quarter">齿圈</li>
                      <li class="quarter"><label>{{  ans.sigma_H_fatigue_design_s_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_H_fatigue_design_p_external_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_H_fatigue_design_p_internal_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_H_fatigue_design_r_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_HG_s_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_HG_p_external_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_HG_p_internal_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_HG_r_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_F_fatigue_design_s_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_F_fatigue_design_p_external_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_F_fatigue_design_p_internal_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_F_fatigue_design_r_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_FG_s_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_FG_p_external_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_FG_p_internal_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.sigma_FG_r_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.tran_pitch_s_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.tran_pitch_p_external_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.tran_pitch_p_internal_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.tran_pitch_r_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.tran_base_dia_s_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.tran_base_dia_p_external_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.tran_base_dia_p_internal_2_x1 }}</label></li>
                      <li class="quarter"><label>{{  ans.tran_base_dia_r_2_x1 }}</label></li>
                      <li class="half"><label>{{  ans.mesh_angle_external_2_x1 }}</label></li>
                      <li class="half"><label>{{  ans.mesh_angle_internal_2_x1 }}</label></li>
                      <li class="half"><label>{{  ans.base_helix_angle_external_2_x1 }}</label></li>
                      <li class="half"><label>{{  ans.base_helix_angle_internal_2_x1 }}</label></li>
                      <li class="one-third-third">{{  ans.n_s_2_rel }}</li>
                      <li class="one-third">{{  ans.n_p_2_rel }}</li>
                      <li class="one-third-third">{{  ans.n_r_2_rel }}</li>
                      <li class="one-third-third">{{  ans.n_s_2_abs }}</li>
                      <li class="one-third">{{  ans.n_p_2_abs }}</li>
                      <li class="one-third-third">{{  ans.n_r_2_abs }}</li>
                      <li style="width: 100%">{{  ans.n_carrier_2_abs }}</li>
                      <li class="half"><label>{{  ans.tangential_load_external_2_0 }}</label></li>
                      <li class="half"><label>{{  ans.tangential_load_internal_2_0 }}</label></li>
                      <li class="half"><label>{{  ans.radial_load_external_2_0 }}</label></li>
                      <li class="half"><label>{{  ans.radial_load_internal_2_0 }}</label></li>
                      <li class="half"><label>{{  ans.axial_load_external_2_0 }}</label></li>
                      <li class="half"><label>{{  ans.axial_load_internal_2_0 }}</label></li>
                    </ul>
                  </div>
                </div>
              </div>
            </a-modal>
          </div>
        </div>
      </a-col>
    </a-row>
  </div>
</template>

<script>

import one from "@/assets/image/image_74_1.png";
import two from "@/assets/image/image_74_2.png";
import three from "@/assets/image/image_74_3.png";
import four from "@/assets/image/image_74_4.png";
import five from "@/assets/image/image_74_5.png";
import six from "@/assets/image/image_74_6.png";
import seven from "@/assets/image/image_74_7.png";
import eight from "@/assets/image/image_74_8.png";
import {filetext, closed_differential_planet, firetext, firedelete} from "@/api/file";
export default {
  created() {
    document.title='封闭差动（行星架输入）宏观参数设计及优化'
    this.$store.state.file.key=74

  },
  title:"封闭差动（行星架输入）宏观参数设计及优化",
  name: "closed_diffferential_planet",
  data(){
    return{
      btn1:1,
      confirmLoading1: false,
      btn:{
        value1:1,
        value2:2,
        value3:3,
        value4:4
      },
      spectrum_input: [[]],
      showimg:1,
      visible1:false,
      visible2:false,
      AisSelectActive:true,
      BisSelectActive:false,
      Acanshow:true,
      Bcanshow:false,
      btn_1:2,
      one,
      two,
      three,
      img:{
        four,
        five,
        six,
        seven,
        eight
      },
      visible: false,
      confirmLoading: false,
      noshow:false,
      confirmLoad: false,
      visible_3: false,
      confirmLoading_3: false,
      visible_4: false,
      confirmLoading_4: false,
      visible_5: false,
      confirmLoading_5: false,
      params_74:this.$store.state.file.dataList[74],
      // form:{
      //   z_p_adjust_1:1,//
      //   z_r_adjust_1:1,//
      //   z_p_adjust_2:1,//
      //   z_r_adjust_2:1,//
      //   planet_number_1:3,//
      //   z_s_1:26,//
      //   load_share_factor_1:1,//
      //   possion_s_1:0.3,//
      //   E_s_1:206000,//
      //   K_A_external_1:1,//
      //   K_A_internal_1:1,//
      //   K_A_external_s_1:1,//
      //   K_A_internal_s_1:1,//
      //   K_V_external_1:1.1,//
      //   K_Hb_external_1:1.3,//
      //   K_Ha_external_1:1.05,//
      //   K_Fb_external_1:1.3,//
      //   K_Fa_external_1:1.05,//
      //   material_type_s_1:1,//
      //   normal_modi_factor_s_1:0,//
      //   ad_factor_s_1:1,//
      //   tip_factor_s_1:0.4,//
      //   chamfer_dia_s_1:0,//
      //   chamfer_angle_s_1:45,//
      //   ad_cut_dia_s_1:0,//
      //   ratio_width_diameter_max_1:0.71,//
      //   R_z_flank_s_1:4.8,//
      //   hardness_HB_s_1:621.3,//
      //   sigma_Hlim_s_1:1500,//
      //   radius_factor_s_1:0.3,//
      //   undercut_s_1:0,//
      //   R_z_root_s_1:19.2,//
      //   sigma_s_s_1:785,//
      //   sigma_s_p_1:785,//
      //   sigma_Flim_s_1:1000,//
      //     sigma_Flim_p_1:1000,//
      //     whether_single_rotation:1,//
      //   SR_s_1:3.5,//
      //     SR_p_1:3.5,//
      //   possion_r_1:0.3,//
      //   E_r_1:206000,//
      //   K_V_internal_1:1.1,//
      //   K_Hb_internal_1:1.3,//
      //   K_Ha_internal_1:1.05,//
      //   K_Fb_internal_1:1.3,//
      //   K_Fa_internal_1:1.05,//
      //   material_type_r_1:1,//
      //   ad_factor_r_1:1,//
      //   tip_factor_r_1:0.4,//
      //   chamfer_dia_r_1:0,//
      //   chamfer_angle_r_1:45,//
      //   ad_cut_dia_r_1:0,//
      //   R_z_flank_r_1:4.8,//
      //   hardness_HB_r_1:621.3,//
      //   sigma_Hlim_r_1:1500,//
      //   undercut_r_1:0,//
      //   R_z_root_r_1:19.2,//
      //   sigma_s_r_1:785,//
      //   sigma_Flim_r_1:1000,//
      //   SR_r_1:3.5,//
      //     ad_cut_dia_p_1:0,//
      //   abundant_ring_rim_factor_1:5,//
      //     ratio_aim_total:24.1658,//
      //   planet_number_2:4,//
      //   z_s_2:4.5,//
      //   load_share_factor_2:1,//
      //   possion_s_2:0.3,//
      //     possion_p_2:0.3,//
      //   E_s_2:206000,//
      //     E_p_2:206000,//
      //   K_A_external_2:1,//
      //   K_A_internal_2:1,//
      //   K_A_external_s_2:1,//
      //   K_A_internal_s_2:1,//
      //   K_V_external_2:1.1,//
      //   K_Hb_external_2:1.3,//
      //   K_Ha_external_2:1.05,//
      //   K_Fb_external_2:1.3,//
      //   K_Fa_external_2:1.05,//
      //   material_type_s_2:1,//
      //     material_type_p_2:1,//
      //     normal_module_2:10,//
      //     helix_angle_2:6,//
      //   normal_modi_factor_s_2:0,//
      //     press_angle_2:20,//
      //   ad_factor_s_2:1,//
      //     ad_factor_p_2:1,//
      //   tip_factor_s_2:0.4,//
      //     tip_factor_p_2:0.4,//
      //   chamfer_dia_s_2:0,//
      //     chamfer_dia_p_2:0,//
      //   chamfer_angle_s_2:45,//
      //     chamfer_angle_p_2:45,//
      //   ad_cut_dia_s_2:0,//
      //   ratio_width_diameter_max_2:0.74,//
      //     auto_work_center_2:1,//
      //   R_z_flank_s_2:4.8,//
      //     R_z_flank_p_2:4.8,//
      //   hardness_HB_s_2:621.3,//
      //     hardness_HB_p_2:621.3,//
      //   sigma_Hlim_s_2:1500,//
      //     sigma_Hlim_p_2:1500,//
      //   radius_factor_s_2:0.3,//
      //     radius_factor_p_2:0.3,//
      //   undercut_s_2:0,//
      //     undercut_p_2:0,//
      //   R_z_root_s_2:19.2,//
      //     R_z_root_p_2:19.2,//
      //   sigma_s_s_2:785,//
      //     sigma_s_p_2:785,//
      //   sigma_Flim_s_2:1000,//
      //     sigma_Flim_p_2:1000,//
      //   SR_s_2:3.5,//
      //     SR_p_2:3.5,//
      //   possion_r_2:0.3,//
      //   E_r_2:206000,//
      //   K_V_internal_2:1.1,//
      //   K_Hb_internal_2:1.3,//
      //   K_Ha_internal_2:1.05,//
      //   K_Fb_internal_2:1.3,//
      //   K_Fa_internal_2:1.05,//
      //   material_type_r_2:1,//
      //   ad_factor_r_2:1,//
      //   tip_factor_r_2:0.4,//
      //   chamfer_dia_r_2:0,//
      //   chamfer_angle_r_2:45,//
      //   ad_cut_dia_r_2:0,//
      //   R_z_flank_r_2:4.8,//
      //   hardness_HB_r_2:621.3,//
      //   sigma_Hlim_r_2:1500,//
      //   undercut_r_2:0,//
      //   R_z_root_r_2:19.2,//
      //   sigma_s_r_2:785,//
      //   sigma_Flim_r_2:1000,//
      //   SR_r_2:3.5,//
      //     ad_cut_dia_p_2:0,//
      //   abundant_ring_rim_factor_2:5,//
      //   thickness_reduction_s_1:0,//
      //   tooth_thickness_tolerance_s_1:0,//
      //     thickness_reduction_p_1:0,//
      //     tooth_thickness_tolerance_p_1:0,//
      //   thickness_reduction_r_1:0,//
      //   tooth_thickness_tolerance_r_1:0,//
      //   thickness_reduction_s_2:0,//
      //   tooth_thickness_tolerance_s_2:0,//
      //     thickness_reduction_p_2:0,//
      //     tooth_thickness_tolerance_p_2:0,//
      //   thickness_reduction_r_2:0,//
      //   tooth_thickness_tolerance_r_2:0,//
      //   bend_strength_thickness_s_1:1,//
      //     bend_strength_thickness_p_1:1,//
      //   bend_strength_thickness_r_1:1,//
      //   bend_strength_thickness_s_2:1,//
      //      bend_strength_thickness_p_2:1,//
      //   bend_strength_thickness_r_2:1,//
      //   radius_factor_r_1:0.2,//
      //   radius_factor_r_2:0.2,//
      //   cutter_shift_coefficient_1:0,//
      //   z_cutter_1:39,//
      //   cutter_shift_coefficient_2:0,//
      //   z_cutter_2:39,//
      //   whether_rate_load:1,//
      //   whether_torque:1,//
      //   spectrum_input:0,//
      //   torque_static_input:100,//
      //   n_input:18.23,//
      //   ratio_aim_1:3.485,//
      //   possion_p_1:0.3,//
      //   possion_w_1:0.3,
      //   E_p_1:206000,//
      //   S_H_fatigue:1.25,//
      //   S_H_static:1,//
      //   S_F_fatigue:1.56,//
      //   S_F_static:1.4,//
      //   Znt_Longlife:0.85,//
      //   Ynt_Longlife:0.85,//
      //   material_type_p_1:1,//
      //   switch_pitting:2,//
      //   consider_Nc:2,//
      //   consider_Long:2,//
      //   normal_module_1:10,//
      //   helix_angle_1:10,//
      //   press_angle_1:20,//
      //   ad_factor_p_1:1,//
      //   tip_factor_p_1:0.4,//
      //   chamfer_dia_p_1:0,//
      //   chamfer_angle_p_1:45,//
      //   v_40:320,//
      //   oil_type:1,//
      //   R_z_flank_p_1:4.8,//
      //   R_z_flank_w_1:4.8,
      //   hardness_HB_p_1:621.3,//
      //   hardness_HB_w_1:621.3,
      //   sigma_Hlim_p_1:1500,//
      //   radius_factor_p_1:0.3,//
      //   undercut_p_1:0,//
      //   R_z_root_p_1:19.2,//
      //   work_center_manual_1:800,//
      //   work_center_manual_2:850,//
      //   spectrum_torque_input:1016740000,//
      //   power_rate_input:1016740000,//
      //   spectrum_time_input:175200,//
      //   auto_cutter_1:1,//
      //   auto_cutter_2:1,//
      //
      // },

      ans:{
        z_r_change_1:"Text",//
        z_r_change_2:"Text",//
        power_distribution_1:"Text",//
        ratio_width_diameter_s_1:"Text",//
        ratio_width_diameter_p_1:"Text",//
        ratio_width_diameter_r_1:"Text",//
        tran_refer_dia_s_1:"Text",//
        tran_refer_dia_p_1:"Text",//
        tran_refer_dia_r_1:"Text",//
        center_refer_strength_1:"Text",//
        max_dia_refer_strength_1:"Text",//
        normal_module_refer_1:"Text",//
        z_s_refer_1:"Text",//
        z_p_refer_1 :"Text",//
        z_r_refer_1 :"Text",//
        // z_r_1 :"Text",
        ratio_design_1 :"Text",//
        ratio_different_1 :"Text",//
        effect_width_1 :"Text",//
        standard_center_external_1 :"Text",//
        standard_center_internal_1 :"Text",//
        work_center_1_1 :"Text",//
        normal_modi_factor_p_1 :"Text",//
        normal_modi_factor_r_1 :"Text",//
        // normal_modi_factor_s :"Text",
        // normal_modi_factor_p:"Text",
        slip_s_external_1 :"Text",//
        slip_p_external_1 :"Text",//
        slip_p_internal_1 :"Text",//
        slip_r_internal_1 :"Text",//
        // normal_width_tip_factor_s_sn_1 :"Text",
        // normal_width_tip_factor_p_sn_1 :"Text",
        // normal_width_tip_factor_r_sn_1 :"Text",
        axial_contact_ratio_external_1 :"Text",//
        axial_contact_ratio_internal_1 :"Text",//
        tran_contact_ratio_external_1 :"Text",//
        tran_contact_ratio_internal_1 :"Text",//
        total_contact_ratio_external_1 :"Text",//
        total_contact_ratio_internal_1 :"Text",//
        abundant_H_fatigue_s_external_1 :"Text",//
        abundant_H_fatigue_p_external_1 :"Text",//
        abundant_H_fatigue_p_internal_1 :"Text",//
        abundant_H_fatigue_r_internal_1 :"Text",//
        abundant_F_fatigue_s_external_1 :"Text",//
        abundant_F_fatigue_p_external_1 :"Text",//
        abundant_F_fatigue_p_internal_1 :"Text",//
        abundant_F_fatigue_r_internal_1 :"Text",//
        abundant_H_static_s_external_1 :"Text",//
        abundant_H_static_p_external_1 :"Text",//
        abundant_H_static_p_internal_1 :"Text",//
        abundant_H_static_r_internal_1 :"Text",//
        abundant_F_static_s_external_1 :"Text",//
        abundant_F_static_p_external_1 :"Text",//
        abundant_F_static_r_internal_1 :"Text",//
        clearance_planet_factor_1 :"Text",//
        max_dia_ring_design_1 :"Text",//
        tran_practice_ad_dia_s_1 :"Text",//
        tran_practice_ad_dia_p_1 :"Text",//
        tran_practice_ad_dia_r_1 :"Text",//
        tran_de_dia_s_1 :"Text",//
        tran_de_dia_p_1 :"Text",//
        tran_de_dia_r_1 :"Text",//
        v_pitch_external_1  :"Text",//
        v_pitch_internal_1 :"Text",//
        // ratio_aim_2 :"Text",
        ratio_different_total :"Text",//
        ratio_width_diameter_s_2 :"Text",//
        ratio_width_diameter_p_2 :"Text",//
        ratio_width_diameter_r_2 :"Text",//
        tran_refer_dia_s_2 :"Text",//
        tran_refer_dia_p_2 :"Text",//
        tran_refer_dia_r_2 :"Text",//
        center_refer_strength_2 :"Text",//
        max_dia_refer_strength_2 :"Text",//
        normal_module_refer_2 :"Text",//
        z_s_refer_2 :"Text",//
        z_p_refer_2 :"Text",//
        z_r_refer_2 :"Text",//
        z_p_2 :"Text",//
        // z_r_2 :"Text",
        ratio_design_2 :"Text",//
        ratio_different_2 :"Text",//
        effect_width_2 :"Text",//
        standard_center_external_2 :"Text",//
        standard_center_internal_2 :"Text",//
        work_center_1_2 :"Text",//
        normal_modi_factor_p_2 :"Text",//
        normal_modi_factor_r_2 :"Text",//
        slip_s_external_2 :"Text",//
        slip_p_external_2 :"Text",//
        slip_p_internal_2 :"Text",//
        slip_r_internal_2 :"Text",//
        // normal_width_tip_factor_s_sn_2 :"Text",
        // normal_width_tip_factor_p_sn_2 :"Text",
        // normal_width_tip_factor_r_sn_2 :"Text",
        axial_contact_ratio_external_2 :"Text",//
        axial_contact_ratio_internal_2 :"Text",//
        tran_contact_ratio_external_2 :"Text",//
        tran_contact_ratio_internal_2 :"Text",//
        total_contact_ratio_external_2 :"Text",//
        total_contact_ratio_internal_2 :"Text",//
        abundant_H_fatigue_s_external_2 :"Text",//
        abundant_H_fatigue_p_external_2  :"Text",//
        abundant_H_fatigue_p_internal_2 :"Text",//
        abundant_H_fatigue_r_internal_2 :"Text",//
        abundant_F_fatigue_s_external_2  :"Text",//
        abundant_F_fatigue_p_external_2  :"Text",//
        abundant_F_fatigue_p_internal_2  :"Text",//
        abundant_F_fatigue_r_internal_2 :"Text",//
        abundant_H_static_s_external_2 :"Text",//
        abundant_H_static_p_external_2 :"Text",//
        abundant_H_static_p_internal_2 :"Text",//
        abundant_H_static_r_internal_2 :"Text",//
        abundant_F_static_s_external_2 :"Text",//
        abundant_F_static_p_external_2 :"Text",//
        abundant_F_static_r_internal_2 :"Text",//
        clearance_planet_factor_2  :"Text",//
        max_dia_ring_design_2  :"Text",//
        tran_practice_ad_dia_s_2  :"Text",//
        tran_practice_ad_dia_p_2  :"Text",//
        tran_practice_ad_dia_r_2  :"Text",//
        tran_de_dia_s_2  :"Text",//
        tran_de_dia_p_2 :"Text",//
        tran_de_dia_r_2  :"Text",//
        v_pitch_external_2  :"Text",//
        v_pitch_internal_2  :"Text",//
        // xingxinglunjianxi1:"Text",
        // zhouchengzuidawaijing1:"Text",
        // xingxinglunjianxi2:"Text",
        // zhouchengzuidawaijing2:"Text",
        z_p_1:"Text",//
        thickness_reduction_last_s_1:"Text",//
        thickness_reduction_last_p_1:"Text",//
        thickness_reduction_last_r_1:"Text",//
        thickness_reduction_last_s_2:"Text",//
        thickness_reduction_last_p_2:"Text",//
        thickness_reduction_last_r_2:"Text",//



        //相关参数
        sigma_H_fatigue_design_s_1_x1:"Text",//
        sigma_H_fatigue_design_p_external_1_x1:"Text",//
        sigma_H_fatigue_design_p_internal_1_x1:"Text",//
        sigma_H_fatigue_design_r_1_x1:"Text",//
        sigma_HG_s_1_x1:"Text",//
        sigma_HG_p_external_1_x1:"Text",//
        sigma_HG_p_internal_1_x1:"Text",//
        sigma_HG_r_1_x1:"Text",//
        sigma_F_fatigue_design_s_1_x1:"Text",//
        sigma_F_fatigue_design_p_external_1_x1:"Text",//
        sigma_F_fatigue_design_p_internal_1_x1:"Text",//
        sigma_F_fatigue_design_r_1_x1:"Text",//
        sigma_FG_s_1_x1:"Text",//
        sigma_FG_p_external_1_x1:"Text",//
        sigma_FG_p_internal_1_x1:"Text",//
        sigma_FG_r_1_x1:"Text",//
        tran_pitch_s_1_x1:"Text",//
        tran_pitch_p_external_1_x1:"Text",//
        tran_pitch_p_internal_1_x1:"Text",//
        tran_pitch_r_1_x1:"Text",//
        tran_base_dia_s_1_x1:"Text",//
        tran_base_dia_p_external_1_x1:"Text",//
        tran_base_dia_p_internal_1_x1:"Text",//
        tran_base_dia_r_1_x1:"Text",//
        mesh_angle_external_1_x1:"Text",//
        mesh_angle_internal_1_x1:"Text",//
        base_helix_angle_external_1_x1:"Text",//
        base_helix_angle_internal_1_x1:"Text",//
        n_s_1_rel:"Text",//
        n_p_1_rel:"Text",//
        n_r_1_rel:"Text",//
        n_s_1_abs:"Text",//
        n_p_1_abs:"Text",//
        n_r_1_abs:"Text",//
        n_carrier_1_abs:"Text",//
        tangential_load_external_1_0:"Text",//
        tangential_load_internal_1_0:"Text",//
        radial_load_external_1_0:"Text",//
        radial_load_internal_1_0:"Text",//
        axial_load_external_1_0:"Text",//
        axial_load_internal_1_0:"Text",//
        sigma_H_fatigue_design_s_2_x1:"Text",//
        sigma_H_fatigue_design_p_external_2_x1:"Text",//
        sigma_H_fatigue_design_p_internal_2_x1:"Text",//
        sigma_H_fatigue_design_r_2_x1:"Text",//
        sigma_HG_s_2_x1:"Text",//
        sigma_HG_p_external_2_x1:"Text",//
        sigma_HG_p_internal_2_x1:"Text",//
        sigma_HG_r_2_x1:"Text",//
        sigma_F_fatigue_design_s_2_x1:"Text",//
        sigma_F_fatigue_design_p_external_2_x1:"Text",//
        sigma_F_fatigue_design_p_internal_2_x1:"Text",//
        sigma_F_fatigue_design_r_2_x1:"Text",//
        sigma_FG_s_2_x1:"Text",//
        sigma_FG_p_external_2_x1:"Text",//
        sigma_FG_p_internal_2_x1:"Text",//
        sigma_FG_r_2_x1:"Text",//
        tran_pitch_s_2_x1:"Text",//
        tran_pitch_p_external_2_x1:"Text",//
        tran_pitch_p_internal_2_x1:"Text",//
        tran_pitch_r_2_x1:"Text",//
        tran_base_dia_s_2_x1:"Text",//
        tran_base_dia_p_external_2_x1:"Text",//
        tran_base_dia_p_internal_2_x1:"Text",//
        tran_base_dia_r_2_x1:"Text",//
        mesh_angle_external_2_x1:"Text",//
        mesh_angle_internal_2_x1:"Text",//
        base_helix_angle_external_2_x1:"Text",//
        base_helix_angle_internal_2_x1:"Text",//
        n_s_2_rel:"Text",//
        n_p_2_rel:"Text",//
        n_r_2_rel:"Text",//
        n_s_2_abs:"Text",//
        n_p_2_abs:"Text",//
        n_r_2_abs:"Text",//
        n_carrier_2_abs:"Text",//
        tangential_load_external_2_0:"Text",//
        tangential_load_internal_2_0:"Text",//
        radial_load_external_2_0:"Text",//
        radial_load_internal_2_0:"Text",//
        axial_load_external_2_0:"Text",//
        axial_load_internal_2_0:"Text",//

      },
      form2:{
        uuids:[]
      },
    };

  },
  mounted(){
    //绑定页面退出事件
    window.onbeforeunload= (e)=>{
      e = e || window.event;
      if (e) {
        e.returnValue = '关闭提示';
      }
      this.delete()//调用自己的方法
      // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
      return '关闭提示';
    };
  },
  methods:{
    //同步请求删除载荷谱数组的方法
    async delete(){
      this.form2.uuids=this.form2.uuids.toString();//将载荷谱文件数组转成字符串
      await firedelete(this.form2).then(res => {
        console.log(res);
      })
    },
    customRequest(data)
    {
      const formData = new FormData()
      formData.append('fileName', data.file)
      filetext(formData)
          .then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
            console.log(res)
            this.spectrum_input=res.data.filedata;
            this.params_74.uuid=res.data.uuid;
            this.form2.uuids.push(res.data.uuid);
          })
          .catch(error => {
            console.log(error);
          });
    },
    exchange1(){
      this.btn1=1;
    },
    exchange2(){
      this.btn1=2;
    },
    showModal() {
      this.visible = true;
    },
    showModal_2(){
      this.noshow = true;
    },
    showModal_3(){
      this.visible_3 = true;
    },
    showModal_4(){
      this.visible_4 = true;
    },
    showModal_5(){
      this.visible_5 = true;
    },

    //点击ok
    // eslint-disable-next-line no-unused-vars
    handleOk(e) {
      this.ModalText = 'The modal will be closed after two seconds';
      this.confirmLoading = true;
      setTimeout(() => {
        this.visible = false;
        this.confirmLoading = false;
      }, 2000);
    },
    //点击cancel
    // eslint-disable-next-line no-unused-vars
    handleCancel(e) {
      console.log('Clicked cancel button');
      this.visible = false;
    },
    // eslint-disable-next-line no-unused-vars
    handleOk_2(e) {
      this.ModalText = 'The modal will be closed after two seconds';
      this.confirmLoad = true;
      setTimeout(() => {
        this.noshow = false;
        this.confirmLoad = false;
      }, 2000);
    },
    //点击cancel
    // eslint-disable-next-line no-unused-vars
    handleCancel_2(e) {
      console.log('Clicked cancel button');
      this.noshow = false;
    },
    // eslint-disable-next-line no-unused-vars
    handleOk_3(a) {
      this.ModalText = 'The modal will be closed after two seconds';
      this.confirmLoading_3 = true;
      setTimeout(() => {
        this.visible_3 = false;
        this.confirmLoading_3 = false;
      }, 2000);
    },
    //点击cancel
    // eslint-disable-next-line no-unused-vars
    handleCancel_3(a) {
      console.log('Clicked cancel button');
      this.visible_3 = false;
    },
    // eslint-disable-next-line no-unused-vars
    handleOk_4(d) {
      this.ModalText = 'The modal will be closed after two seconds';
      this.confirmLoading_4 = true;
      setTimeout(() => {
        this.visible_4 = false;
        this.confirmLoading_4 = false;
      }, 2000);
    },
    //点击cancel
    // eslint-disable-next-line no-unused-vars
    handleCancel_4(d) {
      console.log('Clicked cancel button');
      this.visible_4 = false;
    },
    // eslint-disable-next-line no-unused-vars
    handleOk_5(d) {
      this.ModalText = 'The modal will be closed after two seconds';
      this.confirmLoading_5 = true;
      setTimeout(() => {
        this.visible_5 = false;
        this.confirmLoading_5= false;
      }, 2000);
    },
    //点击cancel
    // eslint-disable-next-line no-unused-vars
    handleCancel_5(d) {
      console.log('Clicked cancel button');
      this.visible_5 = false;
    },
    showModal1(a){
      if(a==1){
        this.showimg=1;
      }else if(a==2){
        this.showimg=2;
      }else if(a==3){
        this.showimg=3;
      }else if(a==4){
        this.showimg=4;
      }
      this.visible1=true;
    },
    handleOk1(){
      this.visible1=false;
    },
    handleCancel1(){
      this.visible1=false;
    },
    showModal2(){
      this.visible2=true;
    },
    handleOk2(){
      this.visible2=false;
    },
    handleCancel2(){
      this.visible2=false;
    },
    showModal3(){
      this.visible1 = true;
    },

    select(){
      this.AisSelectActive=!this.AisSelectActive;
      this.BisSelectActive=!this.BisSelectActive;
      this.Bcanshow=!this.Bcanshow;
      this.Acanshow=!this.Acanshow;
    },

    calculation(){
      // this.params_74.power_rate_w_1=this.params_74.spectrum_torque_w_1;
      //这个括号里面可以传参，一般就是传你this.form的内容
      closed_differential_planet(this.params_74)
          .then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
            console.log(res);
            console.log(this.params_74);
            //你也可以不检验，这个状态码一般是检验后端数据有没有异常，res就是返回结果的整个大的对象
            // if (res.code === 200) {
            //   console.log(res.data);
            //然后再把这里面的数据放到你绑定的对象动态改变值即可
            this.ans.power_distribution_1 = res[0];//
            this.ans.ratio_width_diameter_s_1 = res[1];//
            this.ans.ratio_width_diameter_p_1 = res[2];//
            this.ans.ratio_width_diameter_r_1 = res[3];//
            this.ans.tran_refer_dia_s_1 = res[4];//
            this.ans.tran_refer_dia_p_1 = res[5];//
            this.ans.tran_refer_dia_r_1 = res[6];//
            this.ans.center_refer_strength_1 = res[7];//
            this.ans.max_dia_refer_strength_1 = res[8];//
            this.ans.normal_module_refer_1 = res[9];//
            this.ans.z_s_refer_1 = res[10];//
            this.ans.z_p_refer_1 = res[11];//
            this.ans.z_r_refer_1 = res[12];//
            this.ans.tran_practice_ad_dia_s_1=res[13];//
            // this.ans.z_r_1 = res[13];
            this.ans.ratio_design_1 = res[14];//
            this.ans.ratio_different_1 = res[15];//
            this.ans.effect_width_1 = res[16];//
            this.ans.standard_center_external_1 = res[17];//
            this.ans.standard_center_internal_1 = res[18];//
            this.ans.work_center_1_1 = res[19];//
            this.ans.normal_modi_factor_p_1 = res[20];//
            this.ans.normal_modi_factor_r_1 = res[21];//
            this.ans.thickness_reduction_last_r_2=res[22];//
            this.ans.z_r_change_1=res[23];//
            // this.ans.normal_modi_factor_s = res[22];
            // this.ans.normal_modi_factor_p = res[23];
            this.ans.slip_s_external_1 = res[24];//
            this.ans.slip_p_external_1 = res[25];//
            this.ans.slip_p_internal_1 = res[26];//
            this.ans.slip_r_internal_1 = res[27];//
            this.ans.sigma_F_fatigue_design_p_external_1_x1=res[28];//
            this.ans.thickness_reduction_last_s_2=res[29];//
            this.ans.thickness_reduction_last_p_2=res[30];//
            // this.ans.normal_width_tip_factor_s_sn_1 = res[28];
            // this.ans.normal_width_tip_factor_p_sn_1 = res[29];
            // this.ans.normal_width_tip_factor_r_sn_1 = res[30];
            this.ans.axial_contact_ratio_external_1 = res[31];//
            this.ans.axial_contact_ratio_internal_1 = res[32];//
            this.ans.tran_contact_ratio_external_1 = res[33];//
            this.ans.tran_contact_ratio_internal_1 = res[34];//
            this.ans.total_contact_ratio_external_1 = res[35];//
            this.ans.total_contact_ratio_internal_1 = res[36];//
            this.ans.abundant_H_fatigue_s_external_1 = res[37];//
            this.ans.abundant_H_fatigue_p_external_1 = res[38];//
            this.ans.abundant_H_fatigue_p_internal_1 = res[39];//
            this.ans.abundant_H_fatigue_r_internal_1 = res[40];//
            this.ans.abundant_F_fatigue_s_external_1 = res[41];//
            this.ans.abundant_F_fatigue_p_external_1 = res[42];//
            this.ans.abundant_F_fatigue_p_internal_1 = res[43];//
            this.ans.abundant_F_fatigue_r_internal_1 = res[44];//
            this.ans.abundant_H_static_s_external_1 = res[45];//
            this.ans.abundant_H_static_p_external_1 = res[46];//
            this.ans.abundant_H_static_p_internal_1 = res[47];//
            this.ans.abundant_H_static_r_internal_1 = res[48];//
            this.ans.abundant_F_static_s_external_1 = res[49];//
            this.ans.abundant_F_static_p_external_1 = res[50];//
            this.ans.abundant_F_static_r_internal_1 = res[51];//
            this.ans.clearance_planet_factor_1 = res[52];//
            this.ans.max_dia_ring_design_1 = res[53];//
            this.ans.z_r_change_2=res[54];//
            this.ans.tran_practice_ad_dia_p_1 = res[55];//
            this.ans.tran_practice_ad_dia_r_1 = res[56];//
            this.ans.tran_de_dia_s_1  = res[57];//
            this.ans.tran_de_dia_p_1 = res[58];//
            this.ans.tran_de_dia_r_1 = res[59];//
            this.ans.v_pitch_external_1 = res[60];//
            this.ans.v_pitch_internal_1 = res[61];//
            this.ans.thickness_reduction_last_r_1 = res[62];//
            // this.ans.ratio_aim_2  = res[62];
            this.ans.ratio_different_total = res[63];//
            this.ans.ratio_width_diameter_s_2 = res[64];//
            this.ans.ratio_width_diameter_p_2 = res[65];//
            this.ans.ratio_width_diameter_r_2 = res[66];//
            this.ans.tran_refer_dia_s_2  = res[67];//
            this.ans.tran_refer_dia_p_2 = res[68];//
            this.ans.tran_refer_dia_r_2 = res[69];//
            this.ans.center_refer_strength_2 = res[70];//
            this.ans.max_dia_refer_strength_2 = res[71];//
            this.ans.normal_module_refer_2 = res[72];//
            this.ans.z_s_refer_2 = res[73];//
            this.ans.z_p_refer_2  = res[74];//
            this.ans.z_r_refer_2 = res[75];//
            this.ans.z_p_2 = res[76];//
            this.ans.thickness_reduction_last_p_1 = res[77];//
            // this.ans.z_r_2 = res[77];
            this.ans.ratio_design_2 = res[78];//
            this.ans.ratio_different_2  = res[79];//
            this.ans.effect_width_2 = res[80];//
            this.ans.standard_center_external_2 = res[81];//
            this.ans.standard_center_internal_2 = res[82];//
            this.ans.work_center_1_2 = res[83];//
            this.ans.normal_modi_factor_p_2 = res[84];//
            this.ans.normal_modi_factor_r_2 = res[85];//
            this.ans.slip_s_external_2 = res[86];//
            this.ans.slip_p_external_2 = res[87];//
            this.ans.slip_p_internal_2 = res[88];//
            this.ans.slip_r_internal_2 = res[89];//
            this.ans.axial_load_external_2_0 = res[90];//
            this.ans.axial_load_internal_2_0 = res[91];//
            this.ans.thickness_reduction_last_s_1 = res[92];//

            // this.ans.normal_width_tip_factor_s_sn_2 = res[90];
            // this.ans.normal_width_tip_factor_p_sn_2 = res[91];
            // this.ans.normal_width_tip_factor_r_sn_2 = res[92];
            this.ans.axial_contact_ratio_external_2 = res[93];//
            this.ans.axial_contact_ratio_internal_2 = res[94];//
            this.ans.tran_contact_ratio_external_2 = res[95];//
            this.ans.tran_contact_ratio_internal_2 = res[96];//
            this.ans.total_contact_ratio_external_2 = res[97];//
            this.ans.total_contact_ratio_internal_2 = res[98];//
            this.ans.abundant_H_fatigue_s_external_2 = res[99];//
            this.ans.abundant_H_fatigue_p_external_2 = res[100];//
            this.ans.abundant_H_fatigue_p_internal_2   = res[101];//
            this.ans.abundant_H_fatigue_r_internal_2 = res[102];//
            this.ans.abundant_F_fatigue_s_external_2 = res[103];//
            this.ans.abundant_F_fatigue_p_external_2  = res[104];//
            this.ans.abundant_F_fatigue_p_internal_2  = res[105];//
            this.ans.abundant_F_fatigue_r_internal_2 = res[106];//
            this.ans.abundant_H_static_s_external_2 = res[107];//
            this.ans.abundant_H_static_p_external_2 = res[108];//
            this.ans.abundant_H_static_p_internal_2 = res[109];//
            this.ans.abundant_H_static_r_internal_2 = res[110];//
            this.ans.abundant_F_static_s_external_2 = res[111];//
            this.ans.abundant_F_static_p_external_2 = res[112];//
            this.ans.abundant_F_static_r_internal_2 = res[113];//
            this.ans.clearance_planet_factor_2 = res[114];//
            this.ans.max_dia_ring_design_2 = res[115];//
            this.ans.tran_practice_ad_dia_s_2  = res[116];//
            this.ans.tran_practice_ad_dia_p_2 = res[117];//
            this.ans.tran_practice_ad_dia_r_2 = res[118];//
            this.ans.tran_de_dia_s_2 = res[119];//
            this.ans.tran_de_dia_p_2 = res[120];//
            this.ans.tran_de_dia_r_2 = res[121];//
            this.ans.v_pitch_external_2 = res[122];//
            this.ans.v_pitch_internal_2  = res[123];//
            this.ans.tangential_load_external_2_0 = res[124];//
            this.ans.tangential_load_internal_2_0 = res[125];//
            this.ans.radial_load_external_2_0 = res[126];//
            this.ans.radial_load_internal_2_0 = res[127];//
            // this.ans.xingxinglunjianxi1 = res[124];
            // this.ans.zhouchengzuidawaijing1 = res[125];
            // this.ans.xingxinglunjianxi2 = res[126];
            // this.ans.zhouchengzuidawaijing2 = res[127];
            this.ans.z_p_1 = res[128];//
            this.ans.sigma_H_fatigue_design_s_1_x1 = res[129];//
            this.ans.sigma_H_fatigue_design_p_external_1_x1 = res[130];//
            this.ans.sigma_H_fatigue_design_p_internal_1_x1 = res[131];//
            this.ans.sigma_H_fatigue_design_r_1_x1 = res[132];//
            this.ans.sigma_HG_s_1_x1 = res[133];//
            this.ans.sigma_HG_p_external_1_x1 = res[134];//
            this.ans.sigma_HG_p_internal_1_x1 = res[135];//
            this.ans.sigma_HG_r_1_x1 = res[136];//
            this.ans.sigma_F_fatigue_design_s_1_x1 = res[137];//
            this.ans.sigma_F_fatigue_design_p_internal_1_x1 = res[138];//
            this.ans.sigma_F_fatigue_design_r_1_x1 = res[139];//
            this.ans.sigma_FG_s_1_x1 = res[140];//
            this.ans.sigma_FG_p_external_1_x1 = res[141];//
            this.ans.sigma_FG_p_internal_1_x1 = res[142];//
            this.ans.sigma_FG_r_1_x1 = res[143];//
            this.ans.tran_pitch_s_1_x1 = res[144];//
            this.ans.tran_pitch_p_external_1_x1 = res[145];//
            this.ans.tran_pitch_p_internal_1_x1 = res[146];//
            this.ans.tran_pitch_r_1_x1 = res[147];//
            this.ans.tran_base_dia_s_1_x1 = res[148];//
            this.ans.tran_base_dia_p_external_1_x1 = res[149];//
            this.ans.tran_base_dia_p_internal_1_x1 = res[150];//
            this.ans.tran_base_dia_r_1_x1 = res[151];//
            this.ans.mesh_angle_external_1_x1 = res[152];//
            this.ans.mesh_angle_internal_1_x1 = res[153];//
            this.ans.base_helix_angle_external_1_x1 = res[154];//
            this.ans.base_helix_angle_internal_1_x1 = res[155];//
            this.ans.n_s_1_rel = res[156];//
            this.ans.n_p_1_rel = res[157];//
            this.ans.n_r_1_rel = res[158];//
            this.ans.n_s_1_abs = res[159];//
            this.ans.n_p_1_abs = res[160];//
            this.ans.n_r_1_abs = res[161];//
            this.ans.n_carrier_1_abs = res[162];//
            this.ans.tangential_load_external_1_0 = res[163];//
            this.ans.tangential_load_internal_1_0 = res[164];//
            this.ans.radial_load_external_1_0 = res[165];//
            this.ans.radial_load_internal_1_0 = res[166];//
            this.ans.axial_load_external_1_0 = res[167];//
            this.ans.axial_load_internal_1_0 = res[168];//
            this.ans.sigma_H_fatigue_design_s_2_x1 = res[169];//
            this.ans.sigma_H_fatigue_design_p_external_2_x1 = res[170];//
            this.ans.sigma_H_fatigue_design_p_internal_2_x1 = res[171];//
            this.ans.sigma_H_fatigue_design_r_2_x1 = res[172];//
            this.ans.sigma_HG_s_2_x1 = res[173];//
            this.ans.sigma_HG_p_external_2_x1 = res[174];//
            this.ans.sigma_HG_p_internal_2_x1 = res[175];//
            this.ans.sigma_HG_r_2_x1 = res[176];//
            this.ans.sigma_F_fatigue_design_s_2_x1 = res[177];//
            this.ans.sigma_F_fatigue_design_p_external_2_x1 = res[178];//
            this.ans.sigma_F_fatigue_design_p_internal_2_x1 = res[179];//
            this.ans.sigma_F_fatigue_design_r_2_x1 = res[180];//
            this.ans.sigma_FG_s_2_x1 = res[181];//
            this.ans.sigma_FG_p_external_2_x1 = res[182];//
            this.ans.sigma_FG_p_internal_2_x1 = res[183];//
            this.ans.sigma_FG_r_2_x1 = res[184];//
            this.ans.tran_pitch_s_2_x1 = res[185];//
            this.ans.tran_pitch_p_external_2_x1 = res[186];//
            this.ans.tran_pitch_p_internal_2_x1 = res[187];//
            this.ans.tran_pitch_r_2_x1 = res[188];//
            this.ans.tran_base_dia_s_2_x1 = res[189];//
            this.ans.tran_base_dia_p_external_2_x1 = res[190];//
            this.ans.tran_base_dia_p_internal_2_x1 = res[191];//
            this.ans.tran_base_dia_r_2_x1 = res[192];//
            this.ans.mesh_angle_external_2_x1 = res[193];//
            this.ans.mesh_angle_internal_2_x1 = res[194];//
            this.ans.base_helix_angle_external_2_x1 = res[195];//
            this.ans.base_helix_angle_internal_2_x1 = res[196];//
            this.ans.n_s_2_rel = res[197];//
            this.ans.n_p_2_rel = res[198];//
            this.ans.n_r_2_rel = res[200];//
            this.ans.n_s_2_abs = res[201];//
            this.ans.n_p_2_abs = res[202];//
            this.ans.n_r_2_abs = res[203];//
            this.ans.n_carrier_2_abs = res[204];//

            // }
          })
          .catch(error => {
            console.log(error);
          });
    }
  }
}
</script>

<style scoped>
input{
  width: 99%;
  height: 98%;
  text-align: center;
}
.b-left-top input{
  width: 25%;
  height: 99%;
}
.btn button{
  height: 95%;
  background-color: #EBEBEB;
  border-radius: 4px;
  color: #262430;
  display: inline-block;
  width: 8%;
  margin-left: 0.5%;
}
.d-left{
  height: 100%;
  width: 46%;
  display: inline-block;
  box-shadow: 0px 2px 8px rgb(213 213 213);
  margin-right: 0.5%;

}
.b-left-top ul{
  display: inline-block;
}
.b-left-top li{
  height: 50%;
  width: 100%;
  text-align: center;
}
.b-left-left li{
  height: 2.83%;
  width: 100%;
  text-align: right;
}

.b-left-right button{
  width: 20%;
  height: 100%;
}
.quarter,.one-third-third{
  width: 25%;
}
.half{
  width: 50%;
  font-size: 12px;
}
.one-third{
  width: 50%;
}
.b-left-right li{
  text-align: center;
  height: 2.81%;
  display: inline-block;
  font-size: 14px;
}
.d-mid{
  height: 100%;
  width: 46%;
  display: inline-block;
  box-shadow: 0px 2px 8px rgb(213 213 213);
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.one-img{
  height: 100%;
  width:100%;
}

.parameter,.design{
  position: absolute;
  left: 0;
  top: 3%;
  width: 98%;
  height: 801px;
  margin-left:1%;
  color: #333333;
}
.design{
  /*默认显示基本参数界面*/
  left: 0%;
}

.left_top_text li
{
  width: 100%;
  height: 12%;
  text-align: right;
}
.left_top_input li
{
  width: 100%;
  height: 12%;
}
.left_top_input input
{
  width: 50%;
  height: 90%;
}
.left_top_input select
{
  width: 50%;
  height: 90%;
}
.left_middle_text
{
  width: 100%;
  height: 30%;
  text-align: right;
}
.left_middle_input
{
  width: 100%;
  height: 30%;
  margin-left: 10%;
}
.left_middle_input li
{
  width: 100%;
  height: 40%;
}
.left_middle_input input
{
  width: 50%;
  height: 90%;
}
.left_middle_input select
{
  width: 50%;
  height: 90%;
}
.middle_top_left_input li
{
  width: 100%;
  height: 12%;
}
.middle_top_left_input input
{
  width: 70%;
  height: 100%;
}
.middle_top_left_input select
{
  width: 70%;
  height: 100%;
}
.middle_middle_left_input li
{
  width: 100%;
  height: 6.7%;
}
.middle_middle_left_input input
{
  width: 70%;
  height: 100%;
}

.design_top_text li
{
  width: 100%;
  height: 20%;
}

.design_top_input li
{
  width: 100%;
  height: 20%;
}
.design_top_input input
{
  width: 60%;
  height: 100%;
}

.design_bottom_input li
{
  width: 100%;
  height: 2.98%;
}

.center_input input
{
  width: 60%;
  height: 100%;
}
.modal_input li
{
  width: 100%;
  display: flex;
}

.table_title th
{
  width: 33%;
  height: 100%;
}
tbody tr:nth-child(odd)
{
  background-color:#ffffff;
}

tbody  tr:nth-child(even)
{
  background-color:#f1f1f1;
}
.parameter,.design{
  position: absolute;
  left: 0;
  top: 3%;
  width: 98%;
  height: 120%;
  margin-left:1%;
  color: #333333;
}
.design{
  /*默认显示基本参数界面*/
  left: 100%;
}
.left_top_text
{
  width: 100%;
  height: 100%;
  text-align: right;
}
.left_top_input li
{
  width: 100%;
  height: 10%;
  text-align: center;
}
.left_top_input li
{
  width: 100%;
  height: 12%;
}
.left_top_input input
{
  width: 50%;
  height: 90%;
}
.left_top_input select
{
  width: 50%;
  height: 90%;
}
.left_middle_text
{
  width: 100%;
  height: 30%;
  margin-top: 59%;
  text-align: right;
}
.left_middle_input
{
  width: 100%;
  height: 30%;
  margin-top: 58%;
  margin-left: 10%;
}
.left_middle_input li
{
  width: 100%;
  height: 40%;
}
.left_middle_input input
{
  width: 50%;
  height: 90%;
}
.left_middle_input select
{
  width: 50%;
  height: 90%;
}
.middle
{
  width: 96%;
  height: 110%;
  position: relative;
  margin-left: 2%;
}
.middle_top
{
  width: 96%;
  height:24.5%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(121, 121, 121, 1);
  border-radius: 8px;
  margin-top: 0.5%;
  margin-left: 2%;
}
.middle_top_left
{
  position: absolute;
  width: 35%;
  height: 100%;
  left: 0;
}
.middle_top_right1
{
  position: absolute;
  width: 27%;
  height: 100%;
  left: 35%;
}
.middle_top_right2
{
  position: absolute;
  width: 27%;
  height: 100%;
  right: 19%;
}
.middle_top_right3
{
  position: absolute;
  width: 27%;
  height: 100%;
  right: 0;
}
.middle_top_left_text
{
  width: 100%;
  height: 100%;
  text-align: right;
}
.middle_top_left_text li
{
  width: 100%;
  height: 12%;
  text-align: right;
}
.middle_top_left_text_1
{
  width: 100%;
  height: 100%;
  text-align: right;
}
.middle_top_left_text_1 li
{
  width: 100%;
  height: 6.7%;
  text-align: right;
}
.middle_top_left_input
{
  width: 100%;
  text-align: center;
  height: 100%;
  margin-top: -5%;
}
.middle_top_left_input li
{
  width: 100%;
  height: 12%;
}
.middle_top_left_input input
{
  width: 70%;
  height: 100%;
}
.middle_top_left_input select
{
  width: 70%;
  height: 100%;
}
.middle_left
{
  width: 49%;
  height: 100%;
  position: absolute;
  left: 0;
  box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
}
.middle_right
{
  width: 49%;
  height: 100%;
  position: absolute;
  right:0;
  box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
}
.middle_middle
{
  width: 96%;
  height:48%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(121, 121, 121, 1);
  border-radius: 8px;
  margin-top: 0.3%;
  margin-left: 2%;
}
.middle_middle_left_input
{
  width: 100%;
  text-align: center;
  height: 100%;
  margin-top: 0.5%;
}
.middle_middle_left_input li
{
  width: 100%;
  height: 6.7%;
}
.middle_middle_left_input input
{
  width: 70%;
  height: 100%;
}
.middle_bottom
{
  width: 96%;
  height:26%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(121, 121, 121, 1);
  border-radius: 8px;
  margin-top: 0.3%;
  margin-left: 2%;
}
.middle_bottom_left
{
  width: 35%;
  height: 100%;
  position: absolute;
  left: 0;
}
.middle_bottom_right
{
  width: 63%;
  height: 100%;
  position: absolute;
  left: 37%;
}
.middle_bottom_text
{
  width: 100%;
  height: 100%;
  text-align: right;
}
.middle_bottom_text li
{
  width: 100%;
  height: 12%;
  text-align: right;
}
.middle_bottom_input li
{
  width: 100%;
  height: 12%;
  text-align: center;
}
.middle_bottom_input
{
  width: 100%;
  height: 100%;
}
.middle_bottom_input input
{
  width: 30%;
  height: 80%;
}
.img_button
{
  height: 100%;
  width: 10%;
  border-radius: 5px;
}
.img_li
{
  display: flex;
}

.design_top_text li
{
  width: 100%;
  height: 20%;
}

.design_top_input li
{
  width: 100%;
  height: 20%;
}
.design_top_input input
{
  width: 60%;
  height: 100%;
}

.design_bottom_input li
{
  width: 100%;
  height: 2.98%;
}

.center_input input
{
  width: 60%;
  height: 100%;
}

.modal_input li
{
  width: 100%;
  display: flex;
}
.table_title
{
  width: 100%;
  height: 100%;
  text-align: center;
}
.table
{
  height: 100%;
  width: 90%;
  margin-left: 5%;
  box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
}
.table_title th
{
  width: 33%;
  height: 100%;
}
tbody tr:nth-child(odd)
{
  background-color:#ffffff;
}

tbody  tr:nth-child(even)
{
  background-color:#f1f1f1;
}
.title {
  background-color: #d7d7d7;
  border-radius: 3px;
  padding-left: 3%;
  width: 100%;
  height: 4%;
  font-weight: 800;
  font-family: "Arial Negreta", "Arial Normal", "Arial";
}
.b-left-left1 li {
  width: 100%;
  text-align: right;
  height: 6.25%;
  font-size: 14px;
}
.b-left-right1 li {
  text-align: center;
  height: 6.25%;
  display: inline-block;
  font-size: 14px;
}
.wai-chi-he li{
  width: 100%;
  height: 12%;
  text-align: right;
}
.wai-chi-he input{
  width: 60%;
  height: 80%;
  text-align: center;
}
.btn-li li{
  height: 10%;
  width: 80%;
  text-align: center;
}
.btn-li-1 li{
  height: 10%;
  width: 80%;
 text-align: right;
}

</style>